.mobile-header__container {
    display: none;
}

.nav-bar-mobile-list {
    display: none;
}

@media (max-width: 768px) {

    html,
    body {
        min-width: auto;
    }

    /* 按钮容器 */
    .hamburger {
        width: 32px;
        height: 28px;
        position: relative;
        cursor: pointer;
        user-select: none;
    }

    /* 三条横线的基础样式 */
    .hamburger .line {
        display: block;
        width: 100%;
        height: 4px;
        background-color: #fff;
        border-radius: 2px;
        position: absolute;
        left: 0;
        transition: all 0.3s ease;
        transform-origin: center;
    }

    .hamburger .line:nth-child(1) {
        top: 0;
    }

    .hamburger .line:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
    }

    .hamburger .line:nth-child(3) {
        bottom: 0;
    }

    .hamburger.active .line:nth-child(1) {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }

    .hamburger.active .line:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .line:nth-child(3) {
        bottom: 50%;
        transform: translateY(50%) rotate(-45deg);
    }

    .mobile-header__container {
        backdrop-filter: blur(4px);
        z-index: 1399;
        height: 50px;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .kunlunmeta-nav__list {
        flex-direction: column;
        gap: 30px;
        justify-content: center;
        height: 100%;
    }

    .mobile-terminal-header {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 0 16px;
    }

    .kunlunmeta-header {
        backdrop-filter: none !important;
        height: 50px !important;
        width: 100% !important;
        min-width: auto !important;
    }

    .kunlunmeta-header__logo {
        display: none;
    }

    .kunlunmeta-nav {
        height: 100%;
    }

    .kunlunmeta-header__container {
        position: fixed;
        width: 100%;
        height: 100%;
        min-width: auto;
        justify-content: center;
        bottom: 0;
        backdrop-filter: blur(4px);
        display: none;
    }

    .kunlunmeta-header__logo-img {
        height: 32px;
    }

    .kunlunmeta-hero-banner__content {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .kunlunmeta-hero-banner__title {
        font-size: 16px;
        line-height: 20px;
        white-space: normal;
        margin-top: 16px;
    }

    .footer>div:first-of-type {
        width: 100% !important;
        padding: 0 8px;
        box-sizing: border-box;
    }

    .footer-top {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .footer-hot-content-wrapper {
        width: 100%;
        min-width: auto;
    }

    .footer-hot-content-title-text::after {
        width: 100%;
    }

    .links-container {
        width: 100%;
    }

    .privacy-link,
    .legal-link,
    .separator {
        font-size: 12px;
        line-height: 18px;
    }

    .klm-footer-copyright__icp,
    .klm-footer-copyright__separator,
    .klm-footer-copyright__company {
        font-size: 12px;
        line-height: 18px;
    }

    .footer-hot-content-links-container {
        justify-content: space-around;
    }

    .footer-hot-content-title-text {
        font-size: 14px;
        line-height: 20px;
    }

    .footer-nav-title {
        font-size: 12px;
        line-height: 18px;
    }

    .klm-footer-copyright__separator,
    .klm-footer-copyright__separator {
        display: none;
    }

    .footer-copyright {
        font-size: 12px;
        line-height: 18px;
    }

    .klm-footer-copyright {
        flex-direction: column;
    }

    .footer-contact-column {
        margin-top: 32px;
    }

    .footer-logo-column {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-nav-container {
        flex-direction: column;
    }

    .klm-join-agi-content-item-cert-wrapper {
        display: none;
    }

    .kunlunmeta-agi-product-section__title .klm-join-agi-header-img {
        top: -50px;
        left: 200px;
    }

    .klm-explore-frontier-title .klm-join-agi-header-img {
        top: -50px;
        left: 200px;
    }

    .kunlunmeta-agi-product-section {
        width: 100%;
        padding-top: 26px;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    .kunlunmeta-agi-product-section__title {
        padding-left: 16px;
    }

    .kunlunmeta-agi-product-section__title-tag {
        font-size: 18px;
        line-height: 24px;
    }

    .kunlunmeta-agi-product-section__title-main {
        font-size: 18px;
        line-height: 24px;
        margin-top: 8px;
        margin-bottom: 16px;
    }

    .klm-agi-product-card-group {
        flex-direction: column;
    }

    .klm-agi-product-card-infra,
    .klm-agi-product-card-aigc,
    .klm-agi-product-card-aigs {
        padding: 16px;
    }

    .klm-explore-frontier-section {
        width: 100%;
        margin-top: 48px;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    .klm-explore-frontier-card-group {
        grid-template-columns: repeat(1, 1fr);
    }

    .klm-join-agi-section {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
        padding-top: 60px;
    }

    .klm-join-agi-content-item {
        padding: 16px;
    }

    .klm-join-agi-content-item-text {
        padding-left: 16px;
        flex: 1;
        width: 100%;
        min-width: 0 !important;
    }

    .klm-agi-product-card-title {
        font-size: 18px;
        line-height: 24px;
    }

    .klm-explore-frontier-card-img-model-intelligence {
        height: 90px;
    }

    .klm-explore-frontier-card-img-physical-intelligence {
        height: 102px;
    }

    .klm-explore-frontier-card-img-machine-operation {
        width: 90px;
    }

    .klm-explore-frontier-card-img-computing-asset {
        height: 88px;
    }

    .klm-explore-frontier-card-title {
        font-size: 14px;
        line-height: 20px;
    }

    .klm-explore-frontier-card-description {
        font-size: 12px;
        line-height: 18px;
        -webkit-line-clamp: 5;
    }

    .klm-explore-frontier-title {
        padding-left: 16px;
    }

    .klm-explore-frontier-title__tag {
        font-size: 18px;
        line-height: 24px;
    }

    .klm-explore-frontier-title__main {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .klm-join-agi-header-desc {
        font-size: 18px;
        line-height: 24px;
    }

    .klm-join-agi-header-tag {
        font-size: 18px;
        line-height: 24px;
    }

    .klm-join-agi-content-item-date-num,
    .klm-join-agi-content-item-date-split {
        font-size: 18px;
        line-height: 24px;
    }

    .klm-join-agi-content-item-title {
        font-size: 14px;
        line-height: 20px;
    }

    .klm-join-agi-content-item-desc {
        font-size: 12px;
        line-height: 18px;
    }

    .contact-widget__icon,
    .contact-action__icon {
        width: 32px;
    }

    .contact-section {
        right: 52px;
    }

    .tech-highlights-content {
        font-size: 14px;
        line-height: 20px;
    }

    .klm-explore-frontier-card-computing-asset {
        padding: 16px;
    }

    .section-hero__content {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
        padding-top: 80px;
    }

    .hero-text-container {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }

    .hero-title {
        font-size: 14px;
        line-height: 20px;
    }

    .hero-desc {
        font-size: 12px;
        line-height: 18px;
    }

    .agi-ics-section {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }

    .agi-container {
        width: 100%;
    }

    .agi-section-desc {
        width: 100%;
        font-size: 12px !important;
        line-height: 18px;
        margin-top: 4px !important;
    }

    .agi-layout {
        gap: 30px;
        flex-direction: column;
    }

    .agi-tabs {
        flex-direction: row;
        width: 100%;
        border-left: none;
        gap: 24px;
    }

    .agi-benefit-item {
        width: 100%;
        height: auto;
    }

    .agi-tab-item {
        padding: 10px 20px;
    }

    .agi-tab-item::before {
        width: 100%;
        height: 4px;
        bottom: -4px;
        left: 0;
        top: auto;
    }

    .innovation-lifecycle-section {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
        min-width: auto;
    }

    .innovation-wrapper {
        width: 100%;
    }

    .innovation-container {
        width: 100%;
        flex-direction: column;
    }

    .innovation-sidebar {
        width: 100%;
        padding: 0;
    }

    .innovation-content {
        padding: 16px;
    }

    .innovation-content-wrapper {
        flex-direction: column;
    }

    .innovation-scenarios {
        border: none;
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }

    .scenario-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .innovation-details {
        padding-right: 0;
    }

    .nav-bar {
        width: 100%;
        flex-direction: column;
        height: auto;
        gap: 0;
        align-items: flex-start;
        padding: 0 8px;
    }

    .core-product-matrix-section {
        width: 100%;
        padding-top: 30px;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    .core-product-matrix-label {
        font-size: 18px;
        line-height: 24px;
    }

    .core-product-matrix-title {
        font-size: 18px;
        line-height: 24px;
    }

    .core-product-matrix-title {
        font-size: 18px;
        line-height: 24px;
    }

    .bzai-product .core-product-feature-list {
        width: 100%;
    }

    .core-product-feature-group {
        display: flex;
        flex-direction: column;
    }

    .core-product-demo {
        position: unset;
        transform: none;
        text-align: center;
    }

    .core-product-demo-img {
        width: 100%;
    }

    .core-product-feature-title {
        font-size: 16px;
        line-height: 22px;
    }

    .core-product-feature-name {
        font-size: 14px;
        line-height: 20px;
    }

    .core-product-feature-text {
        font-size: 12px;
        line-height: 18px;
    }

    .core-product-name,
    .core-product-intro,
    .kunlunji-product .core-product-feature-list-wrapper {
        margin-left: 0 !important;
    }

    .kunlunji-product .core-product-demo-img {
        width: 100%;
    }

    .baizitengteng-product .core-product-demo-img {
        width: 100%;
    }

    .ai-infra-product .core-product-demo-img {
        width: 100%;
    }

    .baizitengteng-product .core-product-feature-list {
        width: 100%;
        padding-left: 0;
    }

    .core-product-feature-list-wrapper::before {
        display: none;
    }

    .core-product-feature-list-wrapper::after {
        display: none;
    }

    .core-product-feature-list {
        padding-left: 0;
    }

    .ai-infra-product .core-product-feature-list-wrapper {
        margin-left: 0 !important;
    }

    .client-logo-img {
        height: 32px;
    }

    .client-case-system-header {
        width: 100%;
    }

    .product-advantage-card {
        width: calc(100% / 2 - 8px) !important;
        padding: 16px;
    }

    .core-product-intro {
        width: 100%;
    }

    .core-product-name {
        font-size: 18px;
        line-height: 24px;
    }

    .core-product-intro {
        font-size: 14px;
        line-height: 20px;
    }

    .core-product-matrix-header .klm-join-agi-header-img {
        top: -50px;
        left: 270px;
    }

    .klm-agi-lifecycle-content-group {
        flex-direction: column;
    }

    .klm-agi-lifecycle-section {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    #autoPlayVideo {
        width: 100% !important;
    }

    .klm-agi-lifecycle-trait-title {
        font-size: 16px;
        line-height: 22px;
    }

    .klm-strategy-plan-platform-visual-img {
        display: none;
    }

    .klm-strategy-plan-core-list,
    .klm-strategy-plan-platform-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .klm-strategy-plan-core-item-tech,
    .klm-strategy-plan-core-item-integration,
    .klm-strategy-plan-platform-item-open,
    .klm-strategy-plan-platform-item-supply {
        padding: 16px;
    }

    .vision-cross-border-inner-container {
        display: none;
    }

    .klm-strategy-plan-section {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    .klm-agi-lifecycle-visual-area {
        width: 100%;
    }

    .klm-progress-path-section {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
        margin-top: 90px;
    }

    .klm-agi-lifecycle-title-group {
        padding-left: 16px;
    }

    .klm-agi-lifecycle-title-group .klm-join-agi-header-img {
        top: -50px;
        left: 240px;
    }

    .klm-strategy-plan-title-group {
        padding-left: 16px;
    }

    .klm-strategy-plan-title-group .klm-join-agi-header-img {
        top: -50px;
        left: 240px;
    }

    .klm-progress-path-title-group {
        padding-left: 16px;
    }

    .future-convergence-header {
        padding-left: 16px;
    }

    .klm-progress-path-title-group .klm-join-agi-header-img {
        top: -50px;
        left: 240px;
    }

    .klm-agi-lifecycle-title-tag,
    .klm-strategy-plan-title-tag,
    .klm-progress-path-title-tag {
        font-size: 18px;
        line-height: 24px;
    }

    .klm-agi-lifecycle-title-main,
    .klm-strategy-plan-title-main,
    .klm-progress-path-title-main {
        font-size: 18px;
        line-height: 24px;
    }

    .klm-agi-lifecycle-title-main,
    .klm-strategy-plan-title-main,
    .klm-progress-path-title-main {
        font-size: 18px;
        line-height: 24px;
        margin-top: 8px;
    }

    .klm-progress-path-desc-text {
        font-size: 14px;
        line-height: 20px;
    }

    .klm-agi-lifecycle-bottom-desc {
        font-size: 14px;
        line-height: 20px;
    }

    .klm-agi-lifecycle-bottom-desc {
        font-size: 14px;
        line-height: 20px;
    }

    .klm-agi-lifecycle-trait-group {
        gap: 40px;
    }

    .future-convergence-section {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    .future-convergence-cards {
        grid-template-columns: repeat(1, 1fr);
    }

    .recruitment-section {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    .recruitment-team-culture {
        flex-direction: column;
        padding: 16px;
    }

    .recruitment-job-cards {
        grid-template-columns: repeat(1, 1fr);
    }

    .recruitment-team-culture__img-wrap {
        width: 100%;
    }

    .partner-ecosystem-section {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    .partner-ecosystem-directions {
        flex-direction: column;
    }

    .klm-vision-border-wrapper {
        display: none;
    }

    .partner-ecosystem-directions {
        width: 100%;
        padding: 0;
    }

    .partner-ecosystem-promise {
        width: 100%;
    }

    .partner-ecosystem-directions__item {
        width: 100%;
    }

    .recruitment-header {
        padding-left: 16px;
        margin-bottom: 68px;
    }

    .future-convergence-title,
    .recruitment-header__label,
    .partner-ecosystem-header__label {
        font-size: 18px;
        line-height: 24px;
    }

    .partner-ecosystem-header {
        padding-left: 16px;
    }

    .partner-ecosystem-header__title,
    .recruitment-header__title,
    .future-convergence-desc {
        font-size: 18px;
        line-height: 24px;
    }

    .partner-ecosystem-header__title,
    .recruitment-header__title,
    .future-convergence-desc {
        font-size: 18px;
        line-height: 24px;
    }

    .klm-join-agi-header-img {
        top: -50px !important;
        left: 240px !important;
    }

    .partner-ecosystem-promise__content {
        font-size: 18px;
        line-height: 24px;
    }

    .banner {
        width: 100%;

    }

    .company-news-section {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    .company-news-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .company-news-label {
        font-size: 16px;
        line-height: 22px;
    }

    .company-news-main-title {
        font-size: 16px;
        line-height: 22px;
    }

    .company-news-header {
        padding-left: 16px;
    }

    .klm-join-agi-header-content {
        padding-left: 16px;
    }

    .banner-title {
        font-size: 16px;
        line-height: 22px;
    }

    .banner-subtitle {
        font-size: 14px;
        line-height: 20px;
    }

    .banner-desc {
        font-size: 12px;
        line-height: 18px;
        margin-top: 30px;
    }

    .content-title {
        font-size: 22px;
        line-height: 28px;
    }

    .agi-section-subtitle {
        font-size: 16px;
        line-height: 22px;
    }

    .agi-section-title {
        font-size: 16px;
        line-height: 22px;
    }

    .innovation-subtitle {
        font-size: 14px;
        line-height: 20px;
    }

    .innovation-title {
        font-size: 14px;
        line-height: 20px;
    }

    .innovation-header {
        padding-left: 16px;
    }

    .kunlunmeta-news-details-content {
        width: 100% !important;
        padding: 0 8px;
        box-sizing: border-box;
        padding-top: 240px !important;
    }

    .kunlunmeta-news-title {
        font-size: 20px;
        line-height: 26px;
    }

    .kunlunmeta-news-divider {
        width: 100%;
    }

    .kunlunmeta-hero-banner {
        height: 270px;
        position: relative;
    }

    .kunlunmeta-news-details-page .kunlunmeta-hero-banner{
        height: 0 !important;
    }

    .agi-hero-banner {
        height: 270px;
        padding-top: 50px;
    }

    .section-hero__title {
        font-size: 14px;
        line-height: 20px;
    }

    .section-hero__desc {
        font-size: 14px;
        line-height: 20px;
    }

    .kunlunmeta-hero-banner {
        height: 270px !important;
    }

    .banner-content {
        padding-top: 67px;
    }

    .kunlunling-initiative-title {
        font-size: 14px;
        line-height: 20px;
    }

    .client-case-system-section {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    .demo-area {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 15px;
        position: relative;
    }

    .arrow1 {
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 20px solid #667eea;
    }

    .arrow2 {
        width: 14px;
        height: 14px;
        border-right: 4px solid #fff;
        border-bottom: 4px solid #fff;
        transform: rotate(45deg);
    }


    .nav-bar-mobile {
        display: none;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 8px;
        box-sizing: border-box;
        cursor: pointer;
    }

    .nav-bar-mobile-title {
        font-size: 16px;
        line-height: 22px;
        color: #fff;
    }

    .nav-bar-mobile.expanded .arrow2 {
        transform: rotate(225deg);
    }

    /* 移动端展开的导航列表 */
    .nav-bar-mobile-list {
        display: none;
        width: 100%;
        flex-direction: column;
        gap: 0;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 8px;
        margin-top: 8px;
        overflow: hidden;
    }

    .nav-bar-mobile-list.show {
        display: flex;
    }

    .nav-bar-mobile-list .nav-item {
        padding: 12px 16px;
        font-size: 14px;
        line-height: 20px;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .nav-item {
        height: auto;
    }

    .nav-bar-mobile-list .nav-item:last-child {
        border-bottom: none;
    }

    .nav-bar-mobile-list .nav-item:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .nav-bar-mobile-list .nav-item.active {
        color: #1CCFFF;
        font-weight: bold;
    }

    /* 移动端隐藏 nav-bar */
    .nav-wrapper>.nav-bar {
        display: none;
    }

    .nav-item.active::after {
        display: none;
    }

    .klm-join-agi-header-link {
        flex-shrink: 0;
    }

    .klm-join-agi-header {
        gap: 8px;
    }

    .footer-hot-section {
        width: 100%;
    }

    .contact-us-block--primary {
        bottom: -60px !important;
        width: 160px;
        height: 36px;
    }

    .kunlunmeta-hero-banner__title {
        justify-content: center;
    }

    .prod-service-hero-banner-content {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 60px;
        box-sizing: border-box;
    }

    .prod-service-hero-banner-title {
        font-size: 14px;
        line-height: 20px;
    }

    .prod-service-hero-banner-desc {
        font-size: 12px;
        line-height: 18px;
        margin-top: 16px;
    }

    .vision-hero-banner-content {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 88px;
    }

    .vision-hero-banner-title {
        font-size: 16px;
        line-height: 22px;
    }

    .vision-hero-banner-desc {
        font-size: 14px;
        line-height: 20px;
        margin-top: 16px;
    }

    .co-create-future-hero-content {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 110px;
        box-sizing: border-box;
    }

    .co-create-future-hero-title {
        font-size: 16px;
        line-height: 22px;
    }

    .co-create-future-hero-desc {
        font-size: 14px;
        line-height: 20px;
        margin-top: 16px;
    }
}