/* =======================================================================
           页面内容区域样式
           ======================================================================= */

        /* =======================================================================
           Banner 区域样式
           ======================================================================= */
        .top-nav{
            background-color: #fff;
        }
        .banner-section {
            height: 27.4rem;
            background: url('../../../img/mobile/case_1_bg.png') center center/cover no-repeat;
            margin-top: 9rem;
            position: relative;
        }

        .banner-content {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
        }

        .banner-title {
            font-family: HarmonyOS_Sans_SC;
            font-size: 3.2rem;
            color: #FFFFFF;
            text-align: justify;
        }

        /* 移动端选项卡容器 */
        .mobile-submenu-tabs {
            position: sticky;
            top: 9rem; /* 在移动端导航栏下方 */
            z-index: 100;
            background: white;
            box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12);
            transition: all 0.3s ease;
            padding: 0 2.6rem 0 2.3rem;
        }

        .mobile-submenu-scrollable {
            display: flex;
            overflow-x: auto;
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* IE 10+ */
            scroll-behavior: smooth;
            justify-content: space-between;
        }

        .mobile-submenu-scrollable::-webkit-scrollbar {
            display: none; /* Chrome, Safari, Opera */
        }

        /* 移动端选项卡样式 */
        .mobile-submenu-tab {
            height: 6.2rem;
            line-height: 6.2rem;
            background: transparent;
            color: #B0B0B0;
            text-decoration: none;
            font-size: 1.6rem;
            font-weight: 400;
            white-space: nowrap;
            transition: all 0.3s ease;
            border-bottom: 2px solid transparent;
            position: relative;
        }

        /* .mobile-submenu-tab:hover {
            text-decoration: none;
            color: #5D5F5F;
        } */

        .mobile-submenu-tab.active {
            font-weight: 500;
            border-bottom: none;
            color: #333333;
        }

        .mobile-submenu-tab.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 14.6rem;
            height: 0.4rem;
            background-color: rgba(60, 110, 221, 1);
        }



        /* =======================================================================
           案例展示模块
           ======================================================================= */

        /* 案例展示容器 */
  
        .case-section{
           padding-top: 2.8rem !important;
        }
        .case-text-blue, .case-text{
            font-size: 1.4rem !important;
        }

        .case-right{
           margin: 0 !important;
        }
        .case-left{
            margin: 1.2rem 0;
        }
        .case-image-top img{
            height: 24.7rem;
        }
        .case-title-box-blue{
            margin: 2.1rem 0;
        }
        .case-description-blue{
            padding: 0 4.5rem 8.2rem 1.7rem;
        }
        .case-image-left{
            width: 100%;
        }
        .case-image-left img{
            height: 24.7rem;
            width: 100%;
        }
        .case-title{
            font-family: DingTalk, DingTalk;
            font-weight: normal;
            font-size: 1.6rem;
            color: #3C6EDD;
            line-height: 4.3rem;
            font-style: italic;
            padding-left: 1.6rem;
        }

        .case-title-box-max{
            background: url('../../../img/mobile/case_box.png') no-repeat left center;
            background-size: contain;
            text-align: left;
            position: relative;
            width: 30.4rem;
            height: 4.3rem;
        }
        .case-blue-section-mobile{
            background: #FFFFFF !important;
        }
        .case-blue-section-mobile .case-title-blue{
             color: #3C6EDD!important;
        }
        .case-blue-section-mobile .case-text-blue{
            color: #3C6EDD !important;
        }
        .case-text-mobile{
           color: #3C6EDD !important;
           padding: 2rem 4.6rem 0rem 1.7rem;
        }
        .case-description{
            padding: 0 0.40rem 0 0.34rem;
        }
        .case-content-left-mobile-blue{
           background: #F0F4FD;
        }
        .case-content-left{
            margin: 0 !important;
            padding: 2.2rem 0 8.8rem !important;
        }
        .case-content-left:last-child{
            padding-bottom: 6.5rem !important;
        }
        /* 案例展示底部导航 */
        .case-bottom-nav {
            padding: 0 15px;
        }

        .case-nav-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 0;
        }

        .case-nav-left {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .case-play-icon {
            font-size: 14px;
            color: #4B4E4E;
            opacity: 0.8;
        }

        .case-nav-title {
            font-size: 24px;
            font-weight: 400;
            color: #4B4E4E;
            margin: 0;
        }

        .case-nav-right {
            font-size: 14px;
            font-weight: 300;
        }

        .case-more-link {
            font-size: 14px;
            color: #4B4E4E;
            text-decoration: none;
            transition: color 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .case-more-link:hover {
            color: #3C6EDD;
            text-decoration: none;
        }

        .case-more-link i {
            font-size: 14px;
            color: #4B4E4E;
            transition: transform 0.3s ease;
        }

        .case-more-link:hover i {
            transform: translateX(3px);
        }