/**
 * 移动端布局修复（Chrome 设备模拟 / 真机）
 * - AOS 未执行时 flip 等动画会使区块不可见
 * - 主导航列宽、折叠菜单、首屏轮播高度
 */

@media (max-width: 767px) {
    /* AOS：避免未加 aos-animate 时内容被 transform 移出屏幕 */
    [data-aos],
    [data-aos].aos-animate,
    body[data-aos] [data-aos],
    [data-aos^="fade"],
    [data-aos^="zoom"],
    [data-aos^="flip"],
    [data-aos^="slide"] {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        -webkit-transform: none !important;
        transition: none !important;
    }

    /*
     * vendor.css：.lanyun-section-box { height:100%; flex; justify-content:center }
     * 非 fullpage 站点在移动端会导致各区块高度异常、内容不可见（白屏但 DOM 存在）
     */
    .lanyun-section-box,
    .lanyun-section-box > .lanyun-widget-container,
    .lanyun-section-inner-box > .lanyun-widget-container {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
    }

    body {
        overflow-x: hidden;
        min-height: 100vh;
    }

    /* 主导航栏：Logo 左 | 汉堡+搜索 右（对齐 dental-implant-lab 移动头图） */
    .lanyun-section-c7zzvpjq {
        position: relative;
        z-index: 1002;
    }

    .lanyun-section-c7zzvpjq > .lanyun-widget-container {
        padding: 10px 0 !important;
        background-color: #fff !important;
        position: sticky;
        top: 0;
        z-index: 1002;
    }

    .lanyun-section-c7zzvpjq .lanyun-box-container {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
        gap: 8px;
    }

    /* 覆盖 section.css 移动端的 70% / 15% / 15% 列宽 */
    .lanyun-section-c7zzvpjq .lanyun-section-uadw9sxt,
    .lanyun-section-c7zzvpjq .lanyun-section-wrim0dx5,
    .lanyun-section-c7zzvpjq .lanyun-section-tadc3ca9,
    .lanyun-section-wrim0dx5 {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        overflow: visible !important;
    }

    .lanyun-section-c7zzvpjq .lanyun-section-uadw9sxt {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    /* 汉堡与搜索靠右并排（参考站） */
    .lanyun-section-c7zzvpjq .lanyun-section-wrim0dx5 {
        margin-left: auto !important;
    }

    .lanyun-section-c7zzvpjq .lanyun-section-wrim0dx5,
    .lanyun-section-c7zzvpjq .lanyun-section-tadc3ca9 {
        display: flex !important;
        align-items: center !important;
    }

    .lanyun-section-c7zzvpjq .lanyun-section-34c82buj .lanyun-img,
    .lanyun-section-c7zzvpjq .lanyun-section-34c82buj .lanyun-img-wrap img {
        max-width: min(100%, 200px) !important;
        height: auto !important;
    }

    .lanyun-section-c7zzvpjq .lanyun-section-wrim0dx5 {
        flex: 0 0 auto !important;
    }

    .lanyun-section-c7zzvpjq .lanyun-section-tadc3ca9 {
        flex: 0 0 auto !important;
    }

    .lanyun-section-c7zzvpjq .lanyun-section-tadc3ca9 > .lanyun-widget-container {
        text-align: right;
    }

    /* 导航列：仅显示汉堡图标，菜单全屏宽下拉 */
    .lanyun-section-u0z75rew > .lanyun-widget-container {
        width: auto !important;
        padding: 0 !important;
    }

    .lanyun-section-u0z75rew .direction-h {
        position: static !important;
        width: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .lanyun-section-u0z75rew .mobile-nav-mobileIcon {
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 8px 10px;
        cursor: pointer;
        line-height: 1;
        color: rgba(1, 30, 112, 1);
        font-size: 22px;
    }

    .lanyun-section-u0z75rew .mobile-nav-mobileIcon .lanyun-mobile-close {
        display: none;
    }

    .lanyun-section-u0z75rew .mobile-nav-mobileIcon.on .lanyun-mobile-open {
        display: none !important;
    }

    .lanyun-section-u0z75rew .mobile-nav-mobileIcon.on .lanyun-mobile-close {
        display: inline-block !important;
    }

    .lanyun-section-u0z75rew .lanyun-nav-first {
        display: none !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: var(--ftw-mobile-header-h, 56px) !important;
        z-index: 1001 !important;
        background: #fff !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 8px 0 16px !important;
        box-sizing: border-box !important;
        max-height: calc(100vh - var(--ftw-mobile-header-h, 56px));
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .lanyun-section-u0z75rew .lanyun-nav-first.open {
        display: flex !important;
    }

    body.ftw-mobile-nav-open {
        overflow: hidden;
    }

    .lanyun-section-u0z75rew .lanyun-nav-first-item {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        flex: none !important;
        border: none !important;
    }

    .lanyun-section-u0z75rew .lanyun-nav-first-name {
        display: block !important;
        width: 100% !important;
        white-space: nowrap !important;
        word-break: normal !important;
        writing-mode: horizontal-tb !important;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.05em;
        color: rgba(1, 30, 112, 1);
        padding: 14px 20px !important;
        line-height: 1.4;
        box-sizing: border-box;
    }

    .lanyun-section-u0z75rew .lanyun-nav-first-item.active .lanyun-nav-first-name,
    .lanyun-section-u0z75rew .lanyun-nav-first-item:hover .lanyun-nav-first-name {
        color: rgba(236, 199, 1, 1) !important;
    }

    .lanyun-section-u0z75rew .lanyun-nav-second {
        position: static !important;
        width: 100% !important;
        box-shadow: none !important;
        background: rgba(245, 248, 252, 1);
        padding: 4px 0;
    }

    .lanyun-section-u0z75rew .lanyun-nav-second a {
        display: block;
        padding: 10px 28px;
        font-size: 13px;
        color: rgba(1, 30, 112, 1);
    }

    /* 搜索图标（与参考站一致，与汉堡并排） */
    .lanyun-section-w8jbfhkg .lanyun-search-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding: 8px 10px !important;
        font-size: 20px;
        color: rgba(1, 30, 112, 1) !important;
        background: transparent !important;
    }

    /* 移动端顶栏：左语言 / 右社交（须在主导航 c7zzvpjq z-index:1002 之上，否则语言下拉被挡住） */
    .ftw-mobile-topbar {
        position: relative;
        z-index: 1003;
        overflow: visible;
        background-color: rgba(245, 248, 252, 1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .ftw-mobile-topbar-inner,
    .ftw-mobile-topbar-lang {
        overflow: visible;
    }

    .ftw-mobile-topbar-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        max-width: 100%;
        margin: 0 auto;
        padding: 8px 12px;
        box-sizing: border-box;
    }

    .ftw-mobile-topbar-lang {
        flex: 1 1 auto;
        min-width: 0;
        position: relative;
        z-index: 1010;
    }

    .ftw-mobile-topbar-lang .ftw-lang-switch {
        position: relative;
        z-index: 1010;
    }

    .ftw-mobile-topbar-lang .ftw-lang-switch .lanyun-lang-dropdown-toggle,
    .ftw-mobile-topbar-lang .ftw-lang-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 4px 8px;
        font-size: 13px;
        color: rgba(1, 30, 112, 1);
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        cursor: pointer;
        max-width: 100%;
    }

    .ftw-mobile-topbar-lang .ftw-lang-switch .lanyun-flag {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }

    .ftw-mobile-topbar-lang .ftw-lang-switch.open .lanyun-lang-dropdown-menu,
    .ftw-mobile-topbar-lang .ftw-lang-switch.open .ftw-lang-menu {
        display: block !important;
        position: absolute;
        left: 0;
        right: auto;
        top: 100%;
        margin-top: 4px;
        z-index: 1011;
        min-width: 160px;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.12);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    }

    .ftw-mobile-topbar-social {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        flex: 0 0 auto;
    }

    .ftw-mobile-topbar-social .lanyun-social-item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        padding: 0;
        background-color: rgba(245, 248, 252, 1);
        color: rgba(1, 30, 112, 1);
        font-size: 18px;
        border-radius: 2px;
    }

    /* 首页首屏轮播：文字叠在图上（勿用 position:relative，否则会大片空白） */
    .page-home .lanyun-section-igi4gea3 > .lanyun-widget-container {
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .page-home.page-37882 .lanyun-section-u0dtdw84 .swiper-slide > a {
        display: block;
        position: relative;
        overflow: hidden;
    }

    .page-home.page-37882 .lanyun-section-u0dtdw84 .swiper-container {
        min-height: 0 !important;
        height: auto !important;
    }

    .page-home.page-37882 .lanyun-section-u0dtdw84 .lanyun-carousel-img {
        display: block;
        width: 100% !important;
        height: 0 !important;
        min-height: 0 !important;
        padding-bottom: 58% !important;
        background-size: cover !important;
        background-position: center !important;
    }

    .page-home.page-37882 .lanyun-section-u0dtdw84 .lanyun-swiper-inner {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 20px 16px 36px !important;
        text-align: center;
        box-sizing: border-box;
        pointer-events: none;
    }

    .page-home.page-37882 .lanyun-section-u0dtdw84 .lanyun-swiper-inner::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.38);
        z-index: 0;
    }

    .page-home.page-37882 .lanyun-section-u0dtdw84 .lanyun-swiper-inner .lanyun-text-wrap,
    .page-home.page-37882 .lanyun-section-u0dtdw84 .lanyun-swiper-inner .lanyun-btn {
        position: relative;
        z-index: 1;
        pointer-events: auto;
    }

    .page-home.page-37882 .lanyun-section-u0dtdw84 .lanyun-text-wrap {
        max-width: 100% !important;
        width: 100%;
    }

    .page-home.page-37882 .lanyun-section-u0dtdw84 .lanyun-text-title {
        font-size: 22px !important;
        line-height: 1.25 !important;
        margin-bottom: 8px !important;
        color: rgba(255, 255, 255, 1) !important;
    }

    .page-home.page-37882 .lanyun-section-u0dtdw84 .lanyun-text-desc {
        font-size: 14px !important;
        line-height: 1.35 !important;
        margin-bottom: 14px !important;
        font-weight: 700;
        color: rgba(255, 255, 255, 1) !important;
    }

    .page-home.page-37882 .lanyun-section-u0dtdw84 .lanyun-dot {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px !important;
        z-index: 5;
        margin: 0 !important;
    }

    .page-home.page-37882 .lanyun-section-u0dtdw84 > .lanyun-widget-container {
        position: relative;
    }

    /* 多列区块在手机上占满宽 */
    .lanyun-section-column {
        width: 100% !important;
        max-width: 100% !important;
    }

    .lanyun-box-container {
        max-width: 100% !important;
    }

    /* 仅单列列表拉满宽；勿破坏 lanyun-row-mobile-2 的 2×2 网格 */
    .lanyun-row-mobile-1 > div > .lanyun-gallery-wrap.lanyun-row > .lanyun-row-item,
    .lanyun-row-mobile-1 .lanyun-row-item {
        width: 100% !important;
        max-width: 100% !important;
    }

    /*
     * 移动端 2×2 仅用于：About 右侧四图标、首页外包四图标。
     * 勿写全局 .lanyun-row-mobile-2，否则会误伤首页 Our Services（27cchntq）等大卡片列表。
     */
    .page-about.page-37888 .lanyun-section-2aq87tdf .lanyun-row-mobile-2 > div > .lanyun-gallery-wrap.lanyun-row > .lanyun-row-item,
    .page-about.page-37888 .lanyun-section-2aq87tdf .lanyun-row-mobile-2 .lanyun-row-item,
    .page-home.page-37882 .lanyun-section-kxg6cttk .lanyun-row-mobile-2 > div > .lanyun-gallery-wrap.lanyun-row > .lanyun-row-item,
    .page-home.page-37882 .lanyun-section-kxg6cttk .lanyun-row-mobile-2 .lanyun-row-item {
        width: 50% !important;
        max-width: 50% !important;
        box-sizing: border-box !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* 首页 Our Services（27cchntq）：移动端正保持每行一个服务卡片 */
    .page-home.page-37882 .lanyun-section-27cchntq .lanyun-row-item {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .page-home.page-37882 .lanyun-section-oybleilm > .lanyun-widget-container,
    .page-home.page-37882 .lanyun-section-ylztcz9h > .lanyun-widget-container {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    /* 首页服务卡片（27cchntq）：单列大图+文案居中 */
    .page-home.page-37882 .lanyun-section-27cchntq .lanyun-gallery-item {
        --margin-top: 0 !important;
        --margin-right: 0 !important;
        margin: 0 0 24px !important;
        padding: 0 8px !important;
    }

    .page-home.page-37882 .lanyun-section-27cchntq .lanyun-gallery-item > a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100%;
    }

    .page-home.page-37882 .lanyun-section-27cchntq .lanyun-gallery-text {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin-top: 12px !important;
    }

    .page-home.page-37882 .lanyun-section-27cchntq .lanyun-text-title,
    .page-home.page-37882 .lanyun-section-27cchntq .lanyun-text-desc {
        text-align: center !important;
        word-break: normal !important;
    }

    .page-home.page-37882 .lanyun-section-27cchntq .lanyun-row-img-wrap {
        width: 72% !important;
        max-width: 280px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 首页外包四图标（kxg6cttk）：2×2 居中 */
    .page-home.page-37882 .lanyun-section-kxg6cttk .lanyun-gallery-item {
        --margin-top: 0 !important;
        --margin-right: 0 !important;
        margin: 0 0 16px !important;
        padding: 8px 4px !important;
    }

    .page-home.page-37882 .lanyun-section-kxg6cttk .lanyun-gallery-item > div,
    .page-home.page-37882 .lanyun-section-kxg6cttk .lanyun-gallery-item > a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center !important;
        width: 100%;
    }

    .page-home.page-37882 .lanyun-section-kxg6cttk .lanyun-gallery-text {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin-top: 10px !important;
    }

    .page-home.page-37882 .lanyun-section-kxg6cttk .lanyun-text-title {
        text-align: center !important;
        word-break: normal !important;
    }

    .page-home.page-37882 .lanyun-section-kxg6cttk .lanyun-row-img-wrap {
        width: 52% !important;
        max-width: 100px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 首页两个内容轮播：卡片间距 + 区块留白（避免黏在一起） */
    .page-home.page-37882 .lanyun-section-pr5kdi4k > .lanyun-widget-container,
    .page-home.page-37882 .lanyun-section-exzjcnwq > .lanyun-widget-container {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    .page-home.page-37882 .lanyun-section-5ya86usf > .lanyun-widget-container,
    .page-home.page-37882 .lanyun-section-i85vmqgh > .lanyun-widget-container {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .page-home.page-37882 .lanyun-section-4dexrkmp .swiper-container,
    .page-home.page-37882 .lanyun-section-85snd5h8 .swiper-container {
        overflow: hidden !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin-bottom: 8px;
    }

    .page-home.page-37882 .lanyun-section-4dexrkmp .swiper-wrapper,
    .page-home.page-37882 .lanyun-section-85snd5h8 .swiper-wrapper {
        align-items: stretch;
    }

    .page-home.page-37882 .lanyun-section-4dexrkmp .swiper-slide,
    .page-home.page-37882 .lanyun-section-85snd5h8 .swiper-slide {
        height: auto !important;
        box-sizing: border-box !important;
    }

    .page-home.page-37882 .lanyun-section-4dexrkmp .lanyun-gallery-item,
    .page-home.page-37882 .lanyun-section-85snd5h8 .lanyun-product-item {
        --margin-right: 0 !important;
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    }

    .page-home.page-37882 .lanyun-section-4dexrkmp .lanyun-row-img-wrap {
        margin: 0 !important;
        border-radius: 12px 12px 0 0 !important;
        overflow: hidden;
    }

    .page-home.page-37882 .lanyun-section-4dexrkmp .lanyun-row-img {
        border-radius: 12px 12px 0 0;
    }

    .page-home.page-37882 .lanyun-section-4dexrkmp .lanyun-gallery-text {
        text-align: center !important;
        padding: 14px 16px 18px !important;
    }

    .page-home.page-37882 .lanyun-section-4dexrkmp .lanyun-text-title {
        line-height: 1.35 !important;
        font-size: 17px !important;
    }

    .page-home.page-37882 .lanyun-section-85snd5h8 .lanyun-product-text {
        text-align: center;
        padding: 12px 14px 16px;
    }

    .page-home.page-37882 .lanyun-section-85snd5h8 .lanyun-row-img-wrap {
        border-radius: 12px 12px 0 0;
        overflow: hidden;
    }
}
