/* 移动端媒体查询 */
@media screen and (max-width: 768px) {
    /* 移动端图表相关样式 */
    .chart-container {
        display: none;
    }

    .mobile-chart-container {
        position: absolute;
        width: 305px;
        height: 132px;
        bottom: 30px;
        left: 30px;
        overflow: hidden;
        display: block !important;
    }

    /* ... 其他图表相关样式 ... */

    /* Approach 部分样式调整 */
    .approach {
        position: absolute;
        top: 644px;
        width: 100%;
        left: 0;
        height: 2288px;
    }

    /* 标题容器样式调整 */
    .group-1000003308 {
        width: 365px;
        height: 96px;
    }

    /* 标题文本样式调整 */
    .approach-heading {
        width: 365px;
        height: 96px;
        font-family: 'Azeret Mono', monospace;
        font-size: 24px;
        font-weight: 300;
        line-height: 24px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    /* Process approach 位置调整 */
    .process-approach {
        position: absolute;
        top: 186px;
        height: 2102px;
        width: 393px;
    }

    /* Process real 布局调整 */
    .process-real {
        width: 365px;
        height: 317px;
        position: absolute;
        top: 0;
        left: 14px;
    }

    /* Process rts 布局调整 */
    .process-rts {
        width: 365px;
        height: 395px;
        position: absolute;
        top: 357px;
        left: 14px;
    }

    /* Process sim 布局调整 */
    .process-sim {
        width: 365px;
        height: 317px;
        position: absolute;
        top: 792px;
        left: 14px;
    }

    /* Process sim 中的 frame-1000003328 布局调整 */
    .process-sim .frame-1000003328 {
        position: absolute;
        left: 20px;  /* 从0px改为20px，向右移动20px */
        top: 0;
        width: 101px;
        height: 40px;
    }

    /* Process str 布局调整 */
    .process-str {
        width: 365px;
        height: 351px;
        position: absolute;
        top: 1438px;
        left: 14px;
    }

    /* Process sts 布局调整 */
    .process-sts {
        width: 365px;
        height: 317px;
        position: absolute;
        top: 1115px;
        left: 14px;
    }

    /* Process sts 中的 frame-1000003329 布局调整 */
    .process-sts .frame-1000003329 {
        position: absolute;
        left: 20px;  /* 从0px改为20px，向右移动20px */
        top: 0;
        width: 165px;
        height: 40px;
    }

    /* Process real2 布局调整 */
    .process-real2 {
        width: 365px;
        height: 351px;
        position: absolute;
        top: 1829px;
        left: 14px;
    }

    /* Frame 1000003328 布局调整 */
    .frame-1000003328 {
        width: 101px;
        height: 40px;
    }

    /* Frame 1000003329 布局调整 */
    .frame-1000003329 {
        width: 165px;
        height: 40px;
    }

    /* Frame 1000003330 布局调整 */
    .frame-1000003330 {
        width: 165px;
        height: 40px;
    }

    /* Frame 1000003331 布局调整 */
    .frame-1000003331 {
        width: 101px;
        height: 40px;
    }

    /* Rectangle 103 布局调整 */
    .rectangle-103 {
        width: 319px;
        height: 223px;
        left: 46px;
        top: 60px;
    }

    /* Real world text 位置调整 */
    .real-world-text {
        top: 303px;
        left: 46px;
    }

    .rectangle-104 {
        width: 319px;
        height: 223px;
        left: 44px;
        top: 60px;
    }

    .number-circle {
        width: 28px;
        height: 28px;
        background: #F3F5F2;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Azeret Mono', monospace;
        font-size: 16px;
        font-weight: 500;
        color: #000000;
        margin-left: 6px;
        min-width: 28px;
        min-height: 28px;
    }

    .real-text {
        font-size: 14px;
        line-height: 14px;
    }

    .rts-text {
        font-size: 14px;
        line-height: 14px;
    }

    .str-text {
        font-size: 14px;
        line-height: 14px;
    }

    .real2-text {
        font-size: 14px;
        line-height: 14px;
    }

    /* 文本位置调整 */
    .inverse-kinematics-text {
        left: 46px;
        top: 303px;
    }

    .joints-text {
        left: 46px;
        top: 327px;
    }

    .retargeting-text {
        left: 46px;
        top: 359px;
    }

    .transform-text {
        left: 46px;
        top: 383px;
    }

    .rectangle-105 {
        width: 319px;
        height: 223px;
        left: 44px;
        top: 46px;
        object-fit: fill;
    }

    /* Sim text 和 Generate text 位置调整 */
    .sim-text {
        left: 44px;
        top: 303px;
    }

    .generate-text {
        left: 44px;
        top: 327px;
    }

    /* Rectangle 106 和相关文本位置调整 */
    .rectangle-106 {
        width: 319px;
        height: 223px;
        left: 44px;
        top: 60px;
    }

    .training-robots-text {
        left: 44px;
        top: 303px;
    }

    .reinforcement-text {
        left: 44px;
        top: 327px;
        width: 319px;
    }

    /* 旋转连接线 */
    .line-1-2 {
        transform: rotate(90deg);
        transform-origin: left center;
        width: 315px;
        top: 40px;
        left: 34px;
    }

    .line-2-3 {
        transform: rotate(90deg);
        transform-origin: left center;
        width: 1036px;
        top: 397px;
        left: 34px;
    }

    .line-3-4 {
        transform: rotate(90deg);
        transform-origin: left center;
        width: 346px;
        top: 1478px;
        left: 34px;
    }

    /* 底部连接线旋转 */
    .line-1-2-bottom {
        transform: rotate(90deg);
        transform-origin: left center;
        width: 278px;
        top: 832px;
        left: 54px;
    }

    .line-2-3-bottom {
        transform: rotate(90deg);
        transform-origin: left center;
        width: 225px;
        top: 1155px;
        left: 54px;
        background-color: #F3F5F2;
    }

    /* 添加水平延伸线 */
    .line-2-3-bottom-extension {
        position: absolute;
        width: 20px;  /* 1138px - 190px，从 line-2-3-bottom 末端到 line-2-3 的垂直距离 */
        height: 1px;
        background-color: #F3F5F2;
        top: 1380px;
        left: 34px;
        opacity: 0.4;
    }

    /* 移除 line-vertical */
    .line-vertical {
        display: none;
    }

    /* Supporting 部分位置调整 */
    .supporting {
        position: absolute;
        top: 3092px;
        left: 14px;
        width: 365px;
        height: 933px;
    }

    .supporting-title {
        width: 157px;
    }

    /* Hand 部分布局调整 */
    .hand {
        width: 120px;
        height: 185px;
        position: absolute;
        left: 12px;
        gap: 0;
        top: 84px;
        opacity: 0.9;
    }

    /* Group 1000003343 布局调整 */
    .group-1000003343 {
        position: absolute;
        top: 329px;
        left: 0px;
        width: 365px;
        height: 402px;
    }

    /* Tab 布局调整 */
    .tab {
        width: 319px;
        height: 36px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* Frame rob 布局调整 */
    .tab .frame-rob {
        width: 87px !important;
        height: 36px;
    }

    /* Group rob 布局调整 */
    .group-rob {
        width: 365px;
        height: 346px;
        position: absolute;
        top: 55px;
        left: 0;
        gap: 5px;
    }

    /* Frame uni 布局调整 */
    .tab .frame-uni {
        width: 110px !important;
        height: 36px;
    }

    /* Frame ins 布局调整 */
    .tab .frame-ins {
        width: 110px !important;
        height: 36px;
    }

    /* Robotics companies text 样式调整 */
    .robotics-companies-text {
        width: 71px;
        height: 24px;
        font-size: 12px;
        line-height: 12px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .universities-text {
        width: 94px;
        height: 12px;
        font-size: 12px;
        line-height: 12px;
    }

    .institutions-text {
        width: 94px;
        height: 12px;
        font-size: 12px;
        line-height: 12px;
    }

    /* Group ntu 布局调整 */
    .group-ntu {
        width: 118px;
        height: 102px;
        position: relative;
    }

    /* Rectangle ntu 布局调整 */
    .rectangle-ntu {
        width: 118px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* NTU icon 布局调整 */
    .ntu-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    /* NTU text 布局调整 */
    .ntu-text {
        width: 71px;
        position: absolute;
        top: 90px;
    }

    /* Group harvard 布局调整 */
    .group-harvard {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 123px;
        top: 0;
    }

    /* Rectangle harvard 布局调整 */
    .rectangle-harvard {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* Harvard icon 布局调整 */
    .harvard-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    .harvard-text {
        width: 86px;
        position: absolute;
        top: 90px;
    }

    /* Group berkley 布局调整 */
    .group-berkley {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 247px;
        top: 0;
    }

    /* Rectangle berkley 布局调整 */
    .rectangle-berkley {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* Berkley icon 布局调整 */
    .berkley-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    .berkley-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* Group califo 布局调整 */
    .group-califo {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 0;
        top: 122px;
    }

    /* Rectangle califo 布局调整 */
    .rectangle-califo {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* Califo icon 布局调整 */
    .califo-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    /* Califo text 布局调整 */
    .califo-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* Group tokyo 布局调整 */
    .group-tokyo {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 124px;
        top: 122px;
    }

    /* Rectangle tokyo 布局调整 */
    .rectangle-tokyo {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* Tokyo icon 布局调整 */
    .tokyo-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    /* Tokyo text 布局调整 */
    .tokyo-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* Group ucla 布局调整 */
    .group-ucla {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 248px;
        top: 122px;
    }

    /* Rectangle ucla 布局调整 */
    .rectangle-ucla {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* UCLA icon 布局调整 */
    .ucla-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    /* UCLA text 布局调整 */
    .ucla-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* Group ucl 布局调整 */
    .group-ucl {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 0;
        top: 244px;
    }

    /* Rectangle ucl 布局调整 */
    .rectangle-ucl {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* UCL icon 布局调整 */
    .ucl-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    /* UCL text 布局调整 */
    .ucl-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* Group icl 布局调整 */
    .group-icl {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 124px;
        top: 244px;
    }

    /* Rectangle icl 布局调整 */
    .rectangle-icl {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* ICL icon 布局调整 */
    .icl-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    /* ICL text 布局调整 */
    .icl-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* Group oxford 布局调整 */
    .group-oxford {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 248px;
        top: 244px;
    }

    /* Rectangle oxford 布局调整 */
    .rectangle-oxford {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* Oxford icon 布局调整 */
    .oxford-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    /* Oxford text 布局调整 */
    .oxford-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* GGV CAPITAL 样式 */
    .group-ggv {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 124px;
        top: 122px;
    }

    /* Rectangle ggv 布局调整 */
    .rectangle-ggv {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* GGV icon 布局调整 */
    .ggv-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    /* GGV text 布局调整 */
    .ggv-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* Group uni 布局调整 */
    .group-uni {
        width: 365px;
        height: 394px;
        position: absolute;
        top: 55px;
        left: 0;
    }

    /* Group ins 中第二排的 groups 位置调整 */
    .group-uni .group-califo,
    .group-uni .group-tokyo,
    .group-uni .group-ucla {
        top: 134px;
    }

    /* Group ins 中第三排的 groups 位置相应调整 */
    .group-uni .group-ucl,
    .group-uni .group-icl,
    .group-uni .group-oxford {
        top: 280px;
    }

    /* Group ins 布局调整 */
    .group-ins {
        width: 365px;
        height: 346px;
        position: absolute;
        top: 55px;
        left: 0;
        gap: 5px;
    }

    /* 1K(X) 样式 */
    .group-onekx {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .rectangle-onekx {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .onekx-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    .onekx-capital-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* BIG BRAIN HOLDINGS 样式 */
    .group-bigbrain {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 124px;
        top: 0;
    }

    .rectangle-bigbrain {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .bigbrain-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    .bigbrain-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* MIRANA 样式 */
    .group-mirana {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 248px;
        top: 0;
    }

    .rectangle-mirana {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .mirana-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    .mirana-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* HYPERSPHERE 样式 */
    .group-hypersphere {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 0;
        top: 122px;
    }

    .rectangle-hypersphere {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .hypersphere-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    .hypersphere-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* Forth page 布局调整 */
    .forth-page {
        position: absolute;
        top: 5744px;
        left: 0;
        width: 393px;
        height: 568px;
        padding: 0;
    }

    /* Group end 布局调整 */
    .group-end {
        position: absolute;
        top: 60px;
        left: 14px;
    }

    /* Group end menu 布局调整 */
    .group-end-menu {
        position: absolute;
        top: 256px;
        width: 365px;
        left: 14px;
    }

    /* Frame menu3 布局调整 */
    .frame-menu3 {
        position: absolute;
        top: 168px;
        left: 14px;
        width: 365px;
        height: 12px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0;
    }

    /* Frame menu3 中的各个菜单项宽度和间距调整 */
    .menu-x {
        width: 8px;
        margin-right: 32px;
    }

    .menu-discord {
        width: 55px;
        margin-right: 32px;
    }

    .menu-telegram {
        width: 63px;
        margin-right: 32px;
    }

    .menu-email {
        width: 47px;
    }

    /* Frame menu3 中的分隔符样式 */
    .frame-menu3 div:not(:last-child)::after {
        content: "/";
        position: absolute;
        width: 8px;
        right: -20px;
        color: #F3F5F2;
        opacity: 0.6;
        font-family: 'Azeret Mono', monospace;
        font-size: 12px;
        font-weight: 400;
        line-height: 12px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        display: inline-block;
    }

    /* Frame menu3 中的文本容器样式 */
    .frame-menu3 div {
        display: flex;
        align-items: center;
        position: relative;
    }

    /* Frame menu1 布局调整 */
    .frame-menu1 {
        position: absolute;
        top: 0;
        left: 0;
    }

    /* Copyright text 布局调整 */
    .copyright-text {
        position: absolute;
        top: 476px;
        left: 14px;
        width: 356px;
        height: 12px;
    }

    /* 汉堡菜单图标控制 */
    .hamburger-menu.dark {
        display: none;
    }

    .hamburger-menu.light {
        display: none;
    }

    /* 当导航栏在 second-page 时显示浅色图标 */
    .navbar.in-second-page .hamburger-menu.dark {
        display: none;
    }

    .navbar.in-second-page .hamburger-menu.light {
        display: block;
    }

    /* 当导航栏不在 second-page 时显示深色图标 */
    .navbar:not(.in-second-page) .hamburger-menu.dark {
        display: block;
    }

    .navbar:not(.in-second-page) .hamburger-menu.light {
        display: none;
    }

    /* 移动菜单在 second-page 中的样式 */
    .navbar.in-second-page .mobile-menu {
        background-color: #F3F5F2;
    }

    .navbar.in-second-page .mobile-menu a {
        color: #1E1E1E;
    }

    .navbar.in-second-page .mobile-community-wrapper .community-link {
        color: #1E1E1E;
    }

    .navbar.in-second-page .mobile-community-dropdown a {
        color: #1E1E1E;
    }

    /* Group unitree 布局调整 */
    .group-unitree {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 0;
        top: 366px;
    }

    /* Rectangle unitree 布局调整 */
    .rectangle-unitree {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    /* Unitree icon 布局调整和更强的亮度增强 */
    .unitree-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    /* Unitree text 布局调整 */
    .unitree-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* SWISSMILE 样式 */
    .group-swissmile {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 124px;
        top: 366px;
    }

    .rectangle-swissmile {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .swissmile-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    .swissmile-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    /* AGILEROBOTS 样式 */
    .group-agile {
        width: 119px;
        height: 102px;
        position: absolute;
        left: 248px;
        top: 366px;
    }

    .rectangle-agile {
        width: 119px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .agile-icon {
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 27px;
    }

    .agile-text {
        width: 119px;
        position: absolute;
        top: 90px;
    }

    .approach4-image {
        width: 179.55px;
        height: 223.86px;
    }

    .approach4-image-2 {
        width: 195.88px;
        height: 195.88px;
        left: 90px;
    }
}

/* 默认隐藏移动端图表 */
.mobile-chart-container {
    display: none;
}