@media (max-width: 959px) {
    .site-header-actions {
        position: static;
        transform: none;
        z-index: auto;
    }

    .site-mobile-only {
        display: inline-flex !important;
    }

    .site-mobile-menu-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: calc(18px + env(safe-area-inset-top));
        right: 16px;
        z-index: 1201;
        width: 40px;
        height: 40px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        appearance: none;
        -webkit-appearance: none;
        color: #5f7592 !important;
        line-height: 1;
        transition: color 0.25s ease, transform 0.25s ease;
        cursor: pointer;
        pointer-events: auto;
    }

    .site-mobile-menu-toggle:hover,
    .site-mobile-menu-toggle:focus {
        background: transparent;
        color: #1f4f8a !important;
        transform: translateY(-1px);
    }

    .site-mobile-menu-toggle__bars {
        position: relative;
        width: 20px;
        height: 16px;
    }

    .site-mobile-menu-toggle__bars span {
        position: absolute;
        left: 0;
        width: 20px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
        transform-origin: center;
        transition: transform 0.25s ease, opacity 0.25s ease, top 0.25s ease, width 0.25s ease;
    }

    .site-mobile-menu-toggle__bars span:nth-child(1) {
        top: 0;
    }

    .site-mobile-menu-toggle__bars span:nth-child(2) {
        top: 7px;
        width: 14px;
    }

    .site-mobile-menu-toggle__bars span:nth-child(3) {
        top: 14px;
    }

    .site-mobile-menu-toggle.is-active .site-mobile-menu-toggle__bars span:nth-child(1) {
        top: 7px;
        transform: rotate(45deg);
    }

    .site-mobile-menu-toggle.is-active .site-mobile-menu-toggle__bars span:nth-child(2) {
        opacity: 0;
        width: 20px;
    }

    .site-mobile-menu-toggle.is-active .site-mobile-menu-toggle__bars span:nth-child(3) {
        top: 7px;
        transform: rotate(-45deg);
    }

    #site-mobile-nav {
        top: var(--site-mobile-nav-offset, 56px) !important;
        height: calc(100vh - var(--site-mobile-nav-offset, 56px)) !important;
    }

    #site-mobile-nav .uk-offcanvas-bar {
        top: 0 !important;
        width: 100vw !important;
        height: 100% !important;
        padding: 0 !important;
        background: #ffffff !important;
        color: #4b5563 !important;
        box-shadow: none !important;
    }

    #site-mobile-nav.uk-offcanvas-overlay::before {
        top: var(--site-mobile-nav-offset, 56px) !important;
    }

    #site-mobile-nav .site-mobile-nav__inner {
        padding-bottom: max(24px, env(safe-area-inset-bottom));
        background: #ffffff;
    }

    #site-mobile-nav .site-mobile-nav__logo,
    #site-mobile-nav .site-mobile-nav__header,
    #site-mobile-nav .site-mobile-nav__summary,
    #site-mobile-nav .site-mobile-nav__footer,
    #site-mobile-nav .site-mobile-nav__subsection {
        display: none !important;
    }

    #site-mobile-nav .site-mobile-nav__body {
        padding: 0 0 20px !important;
        margin: 0 !important;
        background: #ffffff;
    }

    #site-mobile-nav .site-mobile-nav__menu {
        list-style: none;
        margin: 0 !important;
        border-top: 0 !important;
    }

    #site-mobile-nav .site-mobile-nav__menu > li {
        list-style: none;
    }

    #site-mobile-nav .site-mobile-nav__menu > li::before,
    #site-mobile-nav .site-mobile-nav__sublist li::before {
        content: none !important;
    }

    #site-mobile-nav .site-mobile-nav__link {
        position: relative;
        flex: 1;
        display: flex;
        align-items: center;
        min-height: 50px;
        padding: 8px 16px;
        color: #2f4e7a !important;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.25;
        letter-spacing: 0;
        background: transparent;
        overflow: hidden;
        isolation: isolate;
        transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
    }

    #site-mobile-nav .site-mobile-nav__link::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(224, 236, 251, 0.18) 40%, rgba(186, 210, 241, 0.32) 52%, rgba(224, 236, 251, 0.18) 64%, rgba(255, 255, 255, 0) 100%);
        transform: translateX(-115%);
        opacity: 0;
        pointer-events: none;
        transition: transform 0.38s ease, opacity 0.28s ease;
        z-index: -1;
    }

    #site-mobile-nav .site-mobile-nav__menu > li.uk-parent > .site-mobile-nav__link {
        padding-right: 44px;
    }

    #site-mobile-nav .site-mobile-nav__menu > li.uk-parent > .site-mobile-nav__link::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 18px;
        width: 10px;
        height: 10px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        opacity: 0.72;
        transform: translateY(-62%) rotate(45deg);
        transform-origin: center;
        transition: transform 0.25s ease, opacity 0.25s ease;
    }

    #site-mobile-nav .site-mobile-nav__menu > li:not(.site-mobile-nav__item--parent) > .site-mobile-nav__link {
        border-bottom: 1px solid #ece9e3;
    }

    #site-mobile-nav .site-mobile-nav__item--current > .site-mobile-nav__link {
        color: #2f4e7a !important;
    }

    #site-mobile-nav .site-mobile-nav__link:hover,
    #site-mobile-nav .site-mobile-nav__link:focus,
    #site-mobile-nav .site-mobile-nav__menu > li.uk-open > .site-mobile-nav__link {
        color: #2f4e7a !important;
        border-color: #ece9e3;
        background: linear-gradient(180deg, rgba(247, 250, 255, 0.9) 0%, rgba(241, 246, 252, 0.9) 100%);
        transform: none;
    }

    #site-mobile-nav .site-mobile-nav__link:hover::before,
    #site-mobile-nav .site-mobile-nav__link:focus::before,
    #site-mobile-nav .site-mobile-nav__menu > li.uk-open > .site-mobile-nav__link::before {
        transform: translateX(115%);
        opacity: 1;
    }

    #site-mobile-nav .site-mobile-nav__menu > li.uk-open > .site-mobile-nav__link::after {
        opacity: 1;
        transform: translateY(-38%) rotate(225deg);
    }

    #site-mobile-nav .site-mobile-nav__sublist {
        list-style: none;
        display: none;
        margin: 0 !important;
        padding: 2px 0 4px 0 !important;
        background: linear-gradient(180deg, #fbfbfa 0%, #f7f8fa 100%);
    }

    #site-mobile-nav .site-mobile-nav__menu > li.uk-open > .site-mobile-nav__sublist {
        display: block !important;
    }

    #site-mobile-nav .site-mobile-nav__sublist li a {
        display: flex;
        align-items: center;
        min-height: 38px;
        width: 100%;
        padding: 8px 24px 8px 28px;
        border-bottom: 1px solid #ece9e3;
        color: #718198 !important;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.35;
        background: transparent;
        position: relative;
        overflow: hidden;
        isolation: isolate;
        transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
    }

    #site-mobile-nav .site-mobile-nav__sublist li a::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(230, 238, 250, 0.14) 40%, rgba(196, 213, 238, 0.24) 52%, rgba(230, 238, 250, 0.14) 64%, rgba(255, 255, 255, 0) 100%);
        transform: translateX(-115%);
        opacity: 0;
        pointer-events: none;
        transition: transform 0.38s ease, opacity 0.28s ease;
        z-index: -1;
    }

    #site-mobile-nav .site-mobile-nav__sublist li:last-child a {
        border-bottom: 0;
    }

    #site-mobile-nav .site-mobile-nav__sublist li a:hover,
    #site-mobile-nav .site-mobile-nav__sublist li a:focus {
        color: #5b6f89 !important;
        border-color: #ece9e3;
        background: linear-gradient(180deg, rgba(250, 252, 255, 0.92) 0%, rgba(244, 248, 252, 0.92) 100%);
        transform: none;
    }

    #site-mobile-nav .site-mobile-nav__sublist li a:hover::before,
    #site-mobile-nav .site-mobile-nav__sublist li a:focus::before {
        transform: translateX(115%);
        opacity: 1;
    }
}

/* ==========================================================================
   首页 Hero Carousel 现代化全景沉浸与底部磨砂 (Bottom Frosted Dock) 设计系统
   - 彻底避免遮挡人物面部、前台科技墙LOGO、车间设备与决策大屏
   - 文字描述与磨砂背景统一沉淀在 Hero Banner 最底部
   - 高通透磨砂玻璃微透感，透视底层地面与反光，文字超清晰锐利
   ========================================================================== */

/* 1. 电脑桌面端 (Desktop >= 960px): 底部沉浸通透磨砂栏，全景尽收眼底 */
@media (min-width: 960px) {
    .uk-slideshow-items {
        min-height: 650px !important;
        height: 660px !important;
    }
    
    .uk-slideshow-items li img[uk-cover] {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center 10% !important;
    }

    /* 4 个 Slide 统一沉淀到最底部，彻底杜绝遮挡中心人物与关键设备 */
    .uk-slideshow-items li .uk-position-center.uk-position-small,
    .uk-slideshow-items li:nth-child(1) .uk-position-center.uk-position-small,
    .uk-slideshow-items li:nth-child(2) .uk-position-center.uk-position-small,
    .uk-slideshow-items li:nth-child(3) .uk-position-center.uk-position-small,
    .uk-slideshow-items li:nth-child(4) .uk-position-center.uk-position-small {
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        text-align: center !important;
        padding: 16px 32px 38px !important;
        background: linear-gradient(180deg, rgba(12, 24, 46, 0.32) 0%, rgba(8, 18, 38, 0.62) 35%, rgba(5, 12, 26, 0.88) 100%) !important;
        backdrop-filter: blur(20px) saturate(180%) brightness(0.92) !important;
        -webkit-backdrop-filter: blur(20px) saturate(180%) brightness(0.92) !important;
        border: none !important;
        border-top: 1px solid rgba(255, 255, 255, 0.28) !important;
        border-radius: 0 !important;
        box-shadow: 0 -12px 35px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
        z-index: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .uk-slideshow-items li .uk-position-center .uk-h1 {
        text-align: center !important;
        font-size: 25px !important;
        line-height: 1.25 !important;
        margin: 0 0 6px !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        letter-spacing: 0.02em;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9), 0 1px 3px rgba(0, 0, 0, 0.95) !important;
    }

    .uk-slideshow-items li .uk-position-center p {
        text-align: center !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        color: rgba(255, 255, 255, 0.92) !important;
        margin: 0 0 12px !important;
        max-width: 900px !important;
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.8) !important;
    }

    .uk-slideshow-items li .uk-position-center .btn--soft {
        height: 38px !important;
        line-height: 38px !important;
        padding: 0 26px !important;
        font-size: 13.5px !important;
        border-radius: 19px !important;
        box-shadow: 0 6px 18px rgba(37, 99, 235, 0.5) !important;
    }

    .uk-position-bottom-center.uk-position-small {
        bottom: 8px !important;
        z-index: 3 !important;
    }
}

/* 2. 平板端 (Tablet 640px - 959px): 底部磨砂托板 */
@media (min-width: 640px) and (max-width: 959px) {
    .uk-slideshow-items {
        min-height: 520px !important;
        height: 540px !important;
    }
    .uk-slideshow-items li img[uk-cover] {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center 10% !important;
    }
    .uk-slideshow-items li .uk-position-center.uk-position-small,
    .uk-slideshow-items li:nth-child(1) .uk-position-center.uk-position-small,
    .uk-slideshow-items li:nth-child(2) .uk-position-center.uk-position-small,
    .uk-slideshow-items li:nth-child(3) .uk-position-center.uk-position-small,
    .uk-slideshow-items li:nth-child(4) .uk-position-center.uk-position-small {
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        text-align: center !important;
        padding: 16px 24px 38px !important;
        background: linear-gradient(180deg, rgba(12, 24, 46, 0.35) 0%, rgba(8, 18, 38, 0.68) 40%, rgba(5, 12, 26, 0.9) 100%) !important;
        backdrop-filter: blur(20px) saturate(180%) brightness(0.92) !important;
        -webkit-backdrop-filter: blur(20px) saturate(180%) brightness(0.92) !important;
        border: none !important;
        border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
        border-radius: 0 !important;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.35) !important;
        z-index: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .uk-slideshow-items li .uk-position-center .uk-h1 {
        font-size: 21px !important;
        line-height: 1.3 !important;
        margin: 0 0 6px !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9) !important;
    }
    .uk-slideshow-items li .uk-position-center p {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
        color: rgba(255, 255, 255, 0.9) !important;
        margin: 0 0 12px !important;
        max-width: 600px !important;
        text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) !important;
    }
    .uk-slideshow-items li .uk-position-center .btn--soft {
        height: 36px !important;
        line-height: 36px !important;
        padding: 0 22px !important;
        font-size: 13.5px !important;
        border-radius: 18px !important;
    }
    .uk-position-bottom-center.uk-position-small {
        bottom: 8px !important;
        z-index: 3 !important;
    }
}

/* 3. 手机端 (Mobile <= 639px): 上方高清实景无遮挡，下方磨砂底托排版 */
@media (max-width: 639px) {
    .uk-slideshow {
        background: #081324 !important;
    }
    .uk-slideshow-items {
        min-height: 490px !important;
        height: 490px !important;
    }
    .uk-slideshow-items li img[uk-cover] {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 260px !important;
        object-fit: cover !important;
        object-position: center top !important;
    }
    .uk-slideshow-items li::after {
        content: "";
        position: absolute;
        top: 195px;
        left: 0;
        right: 0;
        height: 65px;
        background: linear-gradient(180deg, rgba(8, 19, 36, 0) 0%, rgba(8, 19, 36, 0.85) 65%, #081324 100%);
        z-index: 1;
        pointer-events: none;
    }
    .uk-slideshow-items li .uk-position-center.uk-position-small,
    .uk-slideshow-items li:nth-child(1) .uk-position-center.uk-position-small,
    .uk-slideshow-items li:nth-child(2) .uk-position-center.uk-position-small,
    .uk-slideshow-items li:nth-child(3) .uk-position-center.uk-position-small,
    .uk-slideshow-items li:nth-child(4) .uk-position-center.uk-position-small {
        top: 255px !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        text-align: center !important;
        padding: 8px 16px 42px !important;
        background: #081324 !important;
        box-shadow: none !important;
        border: none !important;
        border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
        z-index: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }
    .uk-slideshow-items li .uk-position-center .uk-h1 {
        font-size: 18px !important;
        line-height: 1.34 !important;
        margin: 0 0 8px !important;
        color: #ffffff !important;
        font-weight: 700 !important;
    }
    .uk-slideshow-items li .uk-position-center p {
        font-size: 12.5px !important;
        line-height: 1.55 !important;
        color: rgba(255, 255, 255, 0.85) !important;
        margin: 0 0 14px !important;
        max-width: 340px;
    }
    .uk-slideshow-items li .uk-position-center .btn--soft {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 34px !important;
        line-height: 34px !important;
        padding: 0 20px !important;
        font-size: 13px !important;
        border-radius: 17px !important;
    }
    .uk-position-bottom-center.uk-position-small {
        bottom: 12px !important;
        z-index: 3 !important;
    }
}

@media (max-width: 959px) {
    .benchmark-cases-carousel__track {
        grid-template-rows: 110px !important;
        grid-auto-columns: 158px !important;
    }

    .benchmark-logo-card {
        min-height: 110px;
    }

    .solution-spotlight__title {
        color: #2563eb;
    }

    .innovation-explorer__title {
        font-size: 21px;
        line-height: 1.24;
        font-weight: 700;
        letter-spacing: 0;
    }

    .benchmark-logo-card__meta {
        margin-top: 8px;
        padding: 0 4px;
        font-size: 15px;
        line-height: 1.98;
        white-space: nowrap;
        word-break: normal;
        overflow-wrap: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .industry-solutions-section__title {
        font-size: 21px;
        line-height: 1.24;
        white-space: nowrap;
    }

    .innovation-explorer__title,
    .service-support-showcase__title,
    .benchmark-cases-section__title,
    .consultation-cta__title,
    .solution-spotlight__title,
    .industry-solutions-section__title {
        letter-spacing: -0.02em;
    }

    .solution-spotlight__title,
    .industry-solutions-section__title,
    .innovation-explorer__title {
        font-size: 21px;
        line-height: 1.24;
        font-weight: 700;
        letter-spacing: 0;
    }

    .innovation-explorer__title,
    .service-support-showcase__title {
        font-size: 21px;
        line-height: 1.24;
    }

    .benchmark-cases-section__title {
        font-size: 24px;
        line-height: 1.24;
    }

    .consultation-cta__title {
        font-size: 28px;
        line-height: 1.2;
    }
}

@media (max-width: 959px) {
    .page-hero,
    .page-hero .uk-container,
    .page-hero__inner,
    .company-hero,
    .company-hero .uk-container,
    .company-hero__inner,
    .cases-hero,
    .cases-hero .uk-container,
    .cases-hero__inner,
    .service-hero,
    .service-hero .uk-container,
    .service-hero__inner,
    .stellar-hero,
    .stellar-hero .uk-container,
    .stellar-hero__inner,
    .industry-hero,
    .industry-hero .uk-container,
    .erp-hero,
    .erp-hero .uk-container {
        min-height: 320px !important;
    }

    .erp-ai-features-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .erp-ai-features-content {
        height: auto !important;
    }

    .erp-ai-feature-item {
        flex: 0 1 auto !important;
    }

    .erp-ai-features-image {
        height: auto !important;
    }

    .erp-ai-features-image__img {
        height: auto !important;
        aspect-ratio: 16 / 9;
    }

    .page-hero__inner,
    .company-hero__inner,
    .cases-hero__inner,
    .service-hero__inner,
    .stellar-hero__inner {
        min-height: 320px !important;
        padding-top: 32px !important;
        padding-bottom: 32px !important;
        gap: 0 !important;
    }
}

@media (max-width: 639px) {
    .page-hero,
    .page-hero .uk-container,
    .page-hero__inner,
    .company-hero,
    .company-hero .uk-container,
    .company-hero__inner,
    .cases-hero,
    .cases-hero .uk-container,
    .cases-hero__inner,
    .service-hero,
    .service-hero .uk-container,
    .service-hero__inner,
    .stellar-hero,
    .stellar-hero .uk-container,
    .stellar-hero__inner,
    .industry-hero,
    .industry-hero .uk-container,
    .erp-hero,
    .erp-hero .uk-container {
        min-height: 280px !important;
    }

    .page-hero__inner,
    .company-hero__inner,
    .cases-hero__inner,
    .service-hero__inner,
    .stellar-hero__inner {
        min-height: 280px !important;
        padding-top: 24px !important;
        padding-bottom: 24px !important;
        gap: 0 !important;
    }

    .stellar-hero__title {
        font-size: 24px !important;
        margin-bottom: 12px !important;
    }

    .stellar-hero__desc {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .stellar-hero__actions,
    .stellar-hero__actions.uk-margin-medium-top {
        margin-top: 18px !important;
    }
}