/* 响应式设计 */
    @media (max-width: 1400px) {
      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem .bento_bentoHeaderWrapper .bento_bentoHeader .bento_bentoEyebrowText {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem .bento_bentoHeaderWrapper .bento_bentoHeader .bento_bentoEyebrowText h2 {
        width: 100%;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem .bento_bentoHeaderWrapper .bento_bentoHeader .bento_bentoEyebrowText>div {
        align-self: flex-start;
      }

      .layout_main .spring_home #team .logoWall_logoWall .logoWall_logo:last-of-type {
        display: none !important;
      }
    }

    @media (max-width: 1200px) {
      .layout_main .employ {
        padding: 32px 24px 72px;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer {
        gap: 24px;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .downloadApps_block {
        font-size: 16px;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .downloadApps_block div h3 {
        font-size: 22px;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .downloadApps_block div p {
        font-size: 14px;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .downloadApps_block .downloadApps_blockContent .download {
        font-size: 16px;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .downloadApps_clientContainer .downloadApps_blockContent .download {
        font-size: 16px;
      }
    }

    @media (max-width: 1024px) {
      .layout_main .employ .free_trial .downloadApps_downloadsContainer {
        grid-template-columns: minmax(0, 1fr);
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .individual {
        height: 290px;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .individual .downloadApps_block {
        flex-direction: row;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .individual .downloadApps_block .downloadApps_blockContent {
        order: 1;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .individual .downloadApps_block .downloadApps_blockAsset {
        order: 2;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .downloadApps_block .downloadApps_blockAsset {
        max-width: none;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .downloadApps_block .downloadApps_blockContent {
        padding-right: 24px;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .downloadApps_clientContainer {
        grid-row: auto;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .individual .downloadApps_blockAsset img {
        width: 270px;
        border-radius: 12px;
        transform: translateX(24%) translateY(12%);
      }
    }

    @media (min-width: 1024px) {
      .layout_main .employ .free_trial .downloadApps_downloadsContainer {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .downloadApps_block .downloadApps_blockAsset {
        transform: translateX(12%) translateY(10%);
      }
    }

    @media (max-width: 600px) {
      .layout_main .employ {
        padding: 24px 16px 56px;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer {
        gap: 20px;
      }
    }

    @media (max-width: 1230px) {
      .layout_main .spring_home #team .logoWall_logoWall>.logoWall_logo:nth-of-type(6) {
        display: none !important;
      }
    }

    @media (max-width: 1200px) {

      .layout_main .spring_home #team .logoWall_logoWall .logoWall_logo:last-of-type,
      .layout_main .spring_home #team .logoWall_logoWall .logoWall_logo.lyka {
        display: none !important;
      }
    }

    @media (max-width: 1150px) {
      .navigation_itme2 .a_Common_style:not(.globalNavigation_link) {
        display: none;
      }

      #explore .menu,
      #notion .menu {
        width: 100vw;
        left: 0;
        transform: translateY(-16px);
      }
    }

    @media (max-width: 1300px) {
      .layout_main .spring_home #team .logoWall_logoWall .logoWall_logo.lyka {
        display: none !important;
      }
    }

    @media (max-width: 1150px) and (min-width: 768px) {
      .navigation_itme2 {
        display: none !important;
      }

      /* 显示登录按钮 */
      .navigation_itme3 a:not(.buttom) {
        display: flex !important;
      }

      /* 显示汉堡菜单按钮 */
      .mobile_menu_btn {
        display: flex !important;
      }
    }

    @media (max-width: 768px) {

      /* 完全隐藏中间导航区域 */
      .navigation_itme2 {
        display: none !important;
      }

      /* 显示汉堡菜单按钮 */
      .mobile_menu_btn {
        display: flex !important;
      }

      /* 调整导航栏布局 - 使用flex布局确保元素在同一行 */
      .navigation_bar {
        display: flex;
        align-items: center;
        padding: 15px 16px;
      }

      /* Logo区域 - 固定大小 */
      .navigation_itme1 {
        flex: 0 0 auto;
        margin-right: 16px;
      }

      /* 右侧按钮区域 - 确保在同一行 */
      .navigation_itme3 {
        display: flex;
        gap: 8px;
        align-items: center;
        margin-left: auto;
      }

      /* 登录按钮在移动端隐藏 */
      .navigation_itme3 a:not(.buttom) {
        display: none !important;
      }

      /* 调整主内容 */

      .HomepageHero_hero {
        flex-direction: column;
        height: auto;
        margin: 60px 0;
        padding: 32px 0;
      }

      .HomepageHero_header {
        width: 100%;
        text-align: center;
      }

      .HomepageHero_header h1 {
        font-size: 48px;
      }

      .HomepageHero_media {
        width: 100%;
        height: 200px;
      }

      .HeroCTA_nav {
        justify-content: center;
        flex-wrap: wrap;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer {
        gap: 16px;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem {
        min-height: 380px;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem .NoseyBento_legacyNosey {
        width: 72px;
        height: 72px;
        right: 16px;
        bottom: 16px;
      }


    }

    @media (max-width: 650px) {
      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem .bento_bentoHeaderWrapper {
        padding: 12px;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem .bento_bentoImagesWrapper {
        margin-top: 0;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem .bento_bentoHeaderWrapper .bento_bentoHeader .bento_bentoEyebrowText h2 {
        font-size: 20px;
      }
    }

    @media (max-width: 576px) {
      .globalNavigation_dropdownContainer .menu {
        grid-template-columns: 1fr;
      }

      .navigation_itme3 {
        gap: 6px;
      }

      .HomepageHero_header h1 {
        font-size: 36px;
      }

      .HeroCTA_nav {
        flex-direction: column;
      }

      .HeroCTA_nav a {
        width: 100%;
        text-align: center;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem {
        min-height: 320px;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem .NoseyBento_legacyNosey {
        width: 60px;
        height: 60px;
        right: 12px;
        bottom: 12px;
      }
    }

    @media (max-width: 600px) {
      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem {
        min-height: 0px !important;
      }
    }

    /* 处理极窄屏幕的情况 */
    @media (max-width: 360px) {
      .navigation_bar {
        padding: 15px 12px;
      }

      .navigation_itme3 {
        gap: 4px;
      }
    }

    @media (max-width: 1150px) {
      .layout_main {
        padding: 0 80px;
      }

      .HomepageHero_hero {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        gap: 3.2vw;
        margin: 8vw 0;
        padding: 3.2vw 0;
        text-align: center;
      }

      .HomepageHero_media {
        width: min(72vw, 100%);
        margin-bottom: 2vw;
      }

      .HomepageHero_media video {
        width: 100%;
        height: auto;
      }

      .HomepageHero_header {
        width: min(60vw, 100%);
        margin: 0 auto;
      }

      .HeroCTA_nav {
        justify-content: center;
      }
    }

    @media (max-width: 930px) {
      .HomepageHero_hero {
        gap: 5vw;
        margin: 12vw 0;
        padding: 6vw 0;
      }

      .HomepageHero_header {
        width: 100%;
        max-width: 640px;
        padding: 0 4vw;
      }

      .HomepageHero_header h1 {
        font-size: clamp(35px, 6.5vw, 52px);

      }

      .HomepageHero_header h2 {
        font-size: clamp(15px, 3vw, 22px);
      }

      .HomepageHero_media {
        width: 100%;
        max-width: 720px;
      }

      .HomepageHero_media video {
        border-radius: 8px;
      }

    }

    @media (max-width: 900px) {
      .layout_main {
        padding: 0 !important;
      }
    }

    @media (max-width: 800px) {
      .layout_main .spring_home {
        margin: 0 20px;
      }

      .layout_main .client {
        padding: 65px 45px;
      }
    }

    @media (max-width: 1100px) {
      .layout_main .spring_home #team {
        height: auto;
        margin-bottom: 32px;
      }

      .layout_main .spring_home #team .logoWall_logoWall {
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px 32px;
      }

      .layout_main .spring_home #team .logoWall_logoWall .logoWall_logoWallEyebrow {
        flex-basis: 100%;
        width: 100%;
        text-align: center;
        margin-bottom: 12px;
      }

      .layout_main .spring_home #team .logoWall_logoWall .logoWall_logo {
        flex: 0 1 96px;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .layout_main .spring_home #team .logoWall_logoWall .logoWall_logo:nth-last-of-type(-n+3) {
        display: none !important;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem {
        min-height: 420px;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem-3 {
        grid-column: auto;
        min-height: 200px;
        height: auto;
      }

      .footer_footerOuter .footer_footerInner {
        flex-direction: column;
      }

      .footer_footerOuter .footer_footerInner .footer_footerBottom .footer_footerColumns {
        grid-template-columns: repeat(2, minmax(20px, 1fr));
        padding-bottom: 110px;
      }
    }

    @media (max-width: 1400px) {
      .layout_main {
        padding: 0px;
      }
    }


    @media (max-width: 1200px) {
      .layout_main .spring_home_use .forbesQuote_forbesQuoteContainer {
        padding: 0 40px;
      }

      .layout_main .spring_home_use .forbesQuote_forbesQuoteContainer .forbesQuote_forbesQuote blockquote {
        font-size: clamp(32px, 4vw, 38px);
      }
    }

    @media (max-width: 768px) {
      .layout_main .spring_home_use .forbesQuote_forbesQuoteContainer {
        padding: 0 24px;
      }

      .layout_main .spring_home_use .forbesQuote_forbesQuoteContainer .forbesQuote_forbesQuote blockquote {
        font-size: clamp(26px, 6vw, 34px);
        text-align: center;
      }

      .layout_main .spring_home_use .forbesQuote_forbesQuoteContainer .forbesQuote_forbesQuote img {
        width: min(120px, 40vw);
        height: auto;
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .individual {
        height: 220px;
      }
    }

    @media (max-width: 480px) {
      .layout_main .spring_home_use .forbesQuote_forbesQuoteContainer {
        padding: 0 16px;
      }

      .layout_main .spring_home_use .forbesQuote_forbesQuoteContainer .forbesQuote_forbesQuote blockquote {
        font-size: clamp(22px, 7vw, 28px);
      }
    }

    @media (max-width: 1200px) {
      .layout_main .Collaboration_Space h2 {
        font-size: clamp(38px, 3.8vw, 48px);
      }

      .layout_main .Collaboration_Space .grid__caono .option .item {
        font-size: clamp(13px, 1.3vw, 14px);
        padding: 4px 10px;
      }

      .layout_main .search .fall_section .analytics-scroll .sectionHeaderV2_header h2 {
        font-size: clamp(36px, 3.6vw, 48px);
      }

      .layout_main .search {
        padding: 64px 55px;
        background-color: #fff;
      }

    }

    @media (max-width: 1000px) {
      .footer_footerOuter .footer_footerInner .footer_footerBottom .footer_footerColumns ul li {
        width: clamp(160px, 48vw, 100%);
      }
    }



    @media (max-width: 768px) {
      .layout_main .Collaboration_Space h2 {
        font-size: clamp(30px, 6vw, 36px);
        padding: 0 16px 12px;
        text-align: center;
      }

      .layout_main .Collaboration_Space .grid__caono .option {
        flex-wrap: wrap;
        gap: 6px;
      }

      .layout_main .Collaboration_Space .grid__caono .option .item {
        font-size: clamp(12px, 3vw, 14px);
        padding: 4px 10px;
      }

      .layout_main .Collaboration_Space .grid__caono .mating_image {
        height: clamp(260px, 72vw, 420px);
      }

      .layout_main .employ .free_trial .downloadApps_downloadsContainer .individual .downloadApps_blockAsset {
        display: none;
      }

    }

    @media (max-width: 480px) {
      .layout_main .Collaboration_Space h2 {
        font-size: clamp(24px, 7vw, 28px);
      }

      .layout_main .Collaboration_Space .grid__caono .option {
        gap: 4px;
      }

      .layout_main .Collaboration_Space .grid__caono .option .item {
        font-size: 12px;
        padding: 3px 8px;
      }

      .layout_main .Collaboration_Space .grid__caono .mating_image {
        height: clamp(220px, 85vw, 340px);
      }
    }


    @media (max-width: 1024px) {
      .layout_main .client .client_grid .AIBoxItem-1 .opanAI_video a span {
        bottom: 12px;
        right: 12px;
      }
    }

    @media (max-width: 1000px) {
      .layout_main {
        padding: 0 40px;
      }

      .layout_main .spring_home .HomepageHero_body .bento_bentoBoxContainer .bento_bentoBoxItem-3 .bento_bentoHeaderWrapper .bento_bentoHeader .bento_bentoEyebrowText {
        gap: 90px;
      }

      .layout_main .client .client_grid .AIBoxItem-1 {
        flex-direction: column;
      }

      .layout_main .client .client_grid .AIBoxItem-1 .opanAI {
        order: 0;
      }

      .layout_main .client .client_grid .AIBoxItem-1 .opanAI_video {
        order: 1;
      }

      .layout_main .client .client_grid .AIBoxItem-1 .opanAI .quoteBlock_figure .quoteBlock_quote p {
        text-wrap: auto;
      }

      .layout_main .client .client_grid .AIBoxItem-1 .opanAI_video a {
        display: inline;
      }

      .layout_main .client .client_grid .AIBoxItem-1 .opanAI_video img {
        width: 100%;
        height: auto;
      }

      .layout_main .client .client_grid .Separate {
        grid-column: 1 / -1;
      }

      .layout_main .search .fall_section .aiUseCases_illustration {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .layout_main .employ .free_trial .sectionHeaderV2 h2 {
        font-size: 32px;
      }
    }

    @media (max-width: 900px) {
      .layout_main .client .client_grid>.AIBoxItem-hover:nth-last-of-type(-n+3) {
        display: none !important;
      }
    }

    @media (max-width: 768px) {
      .layout_main .client .client_grid .AIB1oxItem-1 .opanAI_video a span {
        bottom: 10px;
        right: 10px;
      }
    }



    @media (max-width: 900px) {
      .layout_main .search .fall_section .analytics-scroll .sectionHeaderV2_header h2 {
        font-size: clamp(32px, 4.8vw, 42px);
      }
    }

    @media (max-width: 600px) {
      .layout_main .search .fall_section .analytics-scroll .sectionHeaderV2_header h2 {
        font-size: clamp(28px, 6vw, 36px);
      }

      .layout_main .search {
        padding: 48px 24px;
      }
    }


    @media (max-width: 1200px) {
      .layout_main .search .fall_section .aiUseCases_illustration img {
        width: clamp(160px, 20vw, 220px);
      }
    }

    @media (max-width: 900px) {
      .layout_main .search .fall_section .aiUseCases_illustration img {
        width: clamp(140px, 28vw, 200px);
      }
    }

    @media (max-width: 640px) {
      .layout_main .search .fall_section .aiUseCases_illustration img {
        width: clamp(120px, 38vw, 180px);
      }
    }

    @media (max-width: 800px) {
      .layout_main .search .fall_section .analytics-scroll {
        flex-direction: column;
        gap: 24px;
      }

      .layout_main .search .fall_section .analytics-scroll .aiUseCases_listUseCases {
        order: 0;
        width: clamp(240px, 60vw, 360px);
        margin: 0 auto;
      }

      .layout_main .search .fall_section .analytics-scroll .sectionHeaderV2_header {
        order: 1;
        text-align: center;
      }

      .layout_main .search .fall_section .analytics-scroll .sectionHeaderV2_header h2 {
        margin: 0 auto;
      }

      .layout_main .search .fall_section .analytics-scroll .aiUseCases_listUseCases {
        margin: 0;
        align-self: flex-start;
      }

      .layout_main .search .fall_section .analytics-scroll .sectionHeaderV2_header {
        text-align: left;
        align-self: flex-start;
      }

      .layout_main .search .fall_section .analytics-scroll .sectionHeaderV2_header h2 {
        margin: 0;
      }
    }

    @media (max-width:1480px) {
      .footer_footerOuter {
        padding: 80px 145px
      }
    }

    @media (max-width:1250px) {
      .footer_footerOuter {
        padding: 70px 100px
      }
    }

    @media (max-width: 630px) {
      .footer_footerOuter {
        padding: 50px 60px;
      }
    }