/* 响应式设计 - 适配PC、平板、手机 */

/* ==================== PC端默认样式确保 ==================== */
@media screen and (min-width: 1025px) {
    .banner-image {
        display: flex;
    }
}

/* ==================== 大屏适配 (1440px - 1920px) ==================== */
@media screen and (max-width: 1920px) and (min-width: 1441px) {
    html {
        font-size: 16px;
    }
}

/* ==================== 平板适配 (1024px - 1440px) ==================== */
@media screen and (max-width: 1440px) and (min-width: 1025px) {
    html {
        font-size: 14px;
    }
    
    /* 容器宽度调整 - 使用更高优先级 */
    .content-component .header-container,
    .content-component .ai-container,
    .content-component .customer-container,
    .content-component .banner2-show-container,
    .content-component .banner2-container,
    .content-component .select-container,
    .content-component .friends-container,
    .content-component .footer-container,
    .header-container,
    .ai-container,
    .customer-container,
    .banner2-show-container,
    .banner2-container,
    .select-container,
    .friends-container,
    .footer-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    /* Banner轮播 */
    .banner-content {
        padding: 0 2rem;
    }
    
    /* AI section */
    .content-component .content-block {
        gap: 2rem;
    }
    
    .content-component .content-block__image {
        min-width: 30rem;
    }
    
    /* 客户营销服务 */
    .customer-content {
        gap: 2rem;
    }
    
    /* 选择卡片 */
    .select-grid {
        gap: 1rem;
    }
    
    .select-column {
        height: 35rem;
    }
    
    /* 轮播卡片 */
    .carousel-item.item-active {
        width: 50rem;
        height: 25rem;
    }
    
    .carousel-item-image {
        flex: 0 0 18rem;
        height: 25rem;
    }
    
    .carousel-item-content {
        padding: 2.5rem 3rem 2.5rem 2.5rem;
    }
}


/* ==================== 平板适配 (768px - 1024px) ==================== */
@media screen and (max-width: 1024px) {
    html {
        font-size: 13px;
    }
    
    /* 容器padding - 使用更高优先级 */
    .content-component .header-container,
    .content-component .ai-container,
    .content-component .customer-container,
    .content-component .banner2-show-container,
    .content-component .banner2-container,
    .content-component .select-container,
    .content-component .friends-container,
    .content-component .footer-container,
    .header-container,
    .ai-container,
    .customer-container,
    .banner2-show-container,
    .banner2-container,
    .select-container,
    .friends-container,
    .footer-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    /* Header - 移动端菜单 */
    .header-component .mobile-menu-btn,
    .mobile-menu-btn {
        display: flex;
    }
    
    .header-component {
        z-index: 1000;
    }
    
    .header-nav {
        position: fixed;
        top: 4.0625rem;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        flex-direction: column;
        padding: 0;
        box-shadow: none;
        z-index: 999;
        transform: translateX(-100%);
        transition: transform 0.4s ease;
        overflow-y: auto;
        justify-content: flex-start;
        align-items: stretch;
        gap: 0;
    }
    
    .header-nav.active {
        justify-content: flex-start;
        transform: translateX(0);
    }
    
    .nav-link {
        font-size: 1.15rem;
        padding: 1rem 2rem;
    }
    
    .dropdown-item {
        font-size: 1.05rem;
        padding: 0.875rem 2rem;
    }
    
    .header-actions .btn {
        font-size: 1.05rem;
        padding: 0.75rem 2rem;
    }
    
    .nav-list,
    .menu {
        flex-direction: column;
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 1.5rem 0 0 0;
    }
    
    .nav-item,
    .menu-item {
        width: 100%;
        border-bottom: 0.0625rem solid #f0f0f0;
    }
    
    .nav-link {
        padding: 1rem 2rem;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    
    .header-component .sub-menu,
    .header-component .dropdown-menu {
        position: static;
        padding: 0;
        margin: 0;
        z-index: auto;
        transform: none;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.3s ease;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        border-radius: 0;
        min-width: auto;
        top: auto;
        left: auto;
    }
    
    .header-component .sub-menu.active,
    .header-component .dropdown-menu.active {
        max-height: 50rem;
    }
    
    .header-component .sub-menu .menu-item,
    .header-component .dropdown-menu .menu-item {
        border-bottom: 0.0625rem solid #e0e0e0;
    }
    
    /* 移除返回按钮 */
    .header-component .sub-menu::before,
    .header-component .dropdown-menu::before {
        display: none;
    }
    
    .header-component .dropdown-item {
        padding: 1rem 3rem;
        border-left: 0.1875rem solid transparent;
        transition: all 0.2s ease;
        display: block;
        font-size: 1.05rem;
    }
    
    .header-component .dropdown-item:hover,
    .header-component .dropdown-item:active {
        background: #fff;
        color: #0062FF;
        border-left-color: #0062FF;
    }
    
    .header-actions {
        width: 100%;
        padding: 1rem 2rem;
        justify-content: center;
        gap: 1rem;
    }
    
    /* Banner */
    .banner-content {
        padding: 3rem 2rem;
        gap: 2rem;
    }
    
    /* 新闻页面banner内容也应用响应式 */
    .content-component .news-banner-section .banner-content {
        padding: 3rem 2rem;
        gap: 2rem;
    }
    
    .banner-title {
        font-size: 2.5rem;
    }
    
    /* 新闻页面banner标题也应用响应式 */
    .content-component .news-banner-section .banner-title {
        font-size: 2.5rem;
    }
    
    
    /* AI section */
    .content-component .ai-tabs {
        gap: 1.5rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .content-component .content-block {
        flex-direction: column;
        gap: 2rem;
    }
    
    .content-component .content-block__image {
        width: 100%;
        max-width: 35rem;
        margin: 0 auto;
        min-width: 0;
    }

    .content-component .content-block__text {
        min-width: 0;
        width: 100%;
    }

    
    /* 客户营销服务 */
    .customer-content {
        flex-direction: column;
    }
    
    .customer-left,
    .customer-right {
        flex: 1;
        width: 100%;
    }
    
    /* 图片居中显示 */
    .customer-right {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .system-image {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    /* 多场景营销 */
    .banner2-show-content {
        flex-direction: column;
        gap: 2rem;
    }
    
    /* 模块文字字号 */
    .content-component .module-item {
        font-size: 1rem;
        line-height: 1.7;
    }
    
    /* 模块图片自适应 */
    .module-img {
        width: 100%;
        height: auto;
    }
    
    /* 行业轮播 */
    .content-component .industry-tabs {
        gap: 2rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .content-component .carousel-wrapper {
        
    }
    
    .content-component .carousel-item.item-active {
        width: 85%;
        height: auto;
    }
    
    .content-component .carousel-item.item-left,
    .content-component .carousel-item.item-right {
        display: none;
    }
    
    .content-component .carousel-item-inner {
        flex-direction: column;
        height: auto;
    }
    
    .content-component .carousel-item-image {
        flex: 0 0 auto;
        width: 100%;
        height: 16rem;
    }
    
    .content-component .carousel-item-content {
        flex: 0 0 auto;
        padding: 2rem;
        overflow: visible;
        height: auto;
    }
    
    .content-component .carousel-item-header {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    
    .content-component .carousel-item-title {
        font-size: 1.5rem;
    }
    
    /* 隐藏左右箭头 */
    .content-component .carousel-btn,
    .content-component .btn-prev,
    .content-component .btn-next {
        display: none;
    }
    
    /* 选择卡片 */
    .select-grid {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    
    /* 每个column宽度100%，左右结构 */
    .content-component .select-column {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    
    /* 所有卡片统一样式，去掉hover效果 */
    .content-component .card-short,
    .content-component .card-long,
    .card-short,
    .card-long {
        height: 100%;
        min-height: 20rem;
        pointer-events: none;
    }
    
    /* 禁用hover状态 */
    .content-component .card-short.card-hover-active,
    .content-component .card-long.card-hover-active,
    .content-component .card-short.card-hover-inactive,
    .content-component .card-long.card-hover-inactive,
    .card-short.card-hover-active,
    .card-long.card-hover-active,
    .card-short.card-hover-inactive,
    .card-long.card-hover-inactive {
        height: 100%;
    }
    
    /* 卡片内容显示 */
    .card-desc,
    .content-component .card-short .card-desc,
    .content-component .card-long .card-desc {
        display: block;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }
    
    /* 图片始终显示 - 包括card-short */
    .card-image,
    .content-component .card-short .card-image,
    .content-component .card-long .card-image {
        display: block;
        opacity: 1;
        max-height: none;
        margin-top: 1rem;
    }
    
    /* 合作伙伴 */
    .friends-logos {
        grid-template-columns: repeat(4, 1fr);
        gap: 1.5rem;
    }
    
    /* Footer */
    .footer-component .footer-main {
        gap: 3rem;
    }
    
    .footer-component .footer-left {
        width: 100%;
    }
    
    .footer-component .footer-right {
        width: 100%;
        padding-left: 0;
        gap: 3rem;
    }
}


/* ==================== 手机适配 (< 768px) ==================== */
@media screen and (max-width: 768px) {
    html {
        font-size: 14px;
    }
    
    /* 容器 - 使用更高优先级 */
    .content-component .header-container,
    .content-component .ai-container,
    .content-component .customer-container,
    .content-component .banner2-show-container,
    .content-component .banner2-container,
    .content-component .select-container,
    .content-component .friends-container,
    .content-component .footer-container,
    .header-container,
    .ai-container,
    .customer-container,
    .banner2-show-container,
    .banner2-container,
    .select-container,
    .friends-container,
    .footer-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    /* 导航菜单容器也保持同样的padding */
    .header-component .header-nav {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    /* 但是菜单列表本身不需要额外padding */
    .header-component .nav-list,
    .header-component .menu {
        padding: 1.5rem 0 0 0;
    }
    
    /* 菜单项的padding调整，减去容器的padding */
    .header-component .nav-link {
        padding-left: 0;
        padding-right: 0;
    }
    
    .header-component .dropdown-item {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    
    /* Section容器统一padding */
    section .ai-container,
    section .customer-container,
    section .banner2-show-container,
    section .banner2-container,
    section .select-container,
    section .friends-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    /* Header */
    .header-component {
        height: 3.5rem;
        z-index: 1000;
    }

    .banner-text {
        flex: 0 0 100%;
    }
    
    /* 新闻页面banner文字也应用响应式 */
    .content-component .news-banner-section .banner-text {
        flex: 0 0 100%;
    }
    
    .header-spacer {
        height: 3.5rem;
    }
    
    .header-nav {
        top: 3.5rem;
        padding: 0;
        transform: translateX(-100%);
        justify-content: flex-start;
        align-items: stretch;
        gap: 0;
    }
    
    .header-nav.active {
        transform: translateX(0);
    }
    
    .header-logo {
        width: 8rem;
        height: 2rem;
    }
    
    .header-component .mobile-menu-btn,
    .mobile-menu-btn {
        display: flex;
    }
    
    .nav-link {
        font-size: 1.15rem;
        padding: 1rem 1.5rem;
    }
    
    .header-component .sub-menu,
    .header-component .dropdown-menu {
        position: static;
        padding: 0;
        margin: 0;
        z-index: auto;
        transform: none;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.3s ease;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
        border-radius: 0;
        min-width: auto;
        top: auto;
        left: auto;
    }
    
    .header-component .dropdown-menu.active,
    .header-component .sub-menu.active {
        max-height: 50rem;
    }
    
    .header-component .sub-menu .menu-item,
    .header-component .dropdown-menu .menu-item {
        border-bottom: 0.0625rem solid #e0e0e0;
    }
    
    /* 移除返回按钮 */
    .header-component .sub-menu::before,
    .header-component .dropdown-menu::before {
        display: none;
    }
    
    .header-component .dropdown-item {
        font-size: 1rem;
        padding: 1rem 3rem;
        border-left: 0.1875rem solid transparent;
        transition: all 0.2s ease;
    }
    
    .header-component .dropdown-item:hover,
    .header-component .dropdown-item:active {
        background: #fff;
        color: #0062FF;
        border-left-color: #0062FF;
    }
    
    .header-actions {
        padding: 1rem 1.5rem;
    }
    
    .header-actions .btn {
        font-size: 1.05rem;
        padding: 0.75rem 1.75rem;
    }
    
    /* Banner */
    .banner-swiper {
        height: auto;
        min-height: 30rem;
        display: flex;
        align-items: center;
    }
    
    /* 新闻页面banner轮播也应用响应式 */
    .content-component .news-banner-section .banner-swiper {
        height: auto;
        min-height: 30rem;
    }
    
    .banner-content {
        padding: 2.5rem 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        min-height: 30rem;
    }
    
    /* 新闻页面banner内容也应用响应式 */
    .content-component .news-banner-section .banner-content {
        padding: 2.5rem 1.5rem;
        flex-direction: column;
        min-height: 30rem;
        justify-content: center;
    }
    
    .banner-title {
        font-size: 2.5rem;
        margin-bottom: 1.25rem;
    }
    
    /* 新闻页面banner标题也应用响应式 */
    .content-component .news-banner-section .banner-title {
        font-size: 2.5rem;
        margin-bottom: 1.25rem;
    }
    
    .banner-desc {
        font-size: 1.15rem;
        margin-bottom: 1.75rem;
        line-height: 1.6;
    }
    
    /* 新闻页面banner描述也应用响应式 */
    .content-component .news-banner-section .banner-desc {
        font-size: 1.15rem;
        margin-bottom: 1.75rem;
        line-height: 1.6;
    }

    
    .banner-image {
        display: none;
    }
    
    /* 新闻页面banner图片也隐藏 */
    .content-component .news-banner-section .banner-image {
        display: none;
    }
    
    .swiper-pagination {
        bottom: 1.5rem;
    }
    
    /* 标题 */
    .content-component .section-title {
        font-size: 1.75rem;
        margin-bottom: 2.5rem;
        line-height: 1.3;
    }
    
    /* AI section */
    .ai-section {
        margin: 3.5rem 0;
    }
    
    .content-component .ai-tabs {
        gap: 0.75rem;
        flex-direction: column;
        border-bottom: none;
        margin-bottom: 2.5rem;
    }
    
    .content-component .ai-tab {
        border-bottom: 0.0625rem solid #E9E9E9;
        width: 100%;
        justify-content: flex-start;
        padding: 1rem 1rem;
    }
    
    .content-component .ai-tab .tab-text {
        font-size: 1.15rem;
    }
    
    .content-component .ai-tab.tab-active {
        border-bottom: 0.125rem solid #0062FF;
        background: rgba(0, 98, 255, 0.05);
    }
    
    /* 移动端统一垂直布局，覆盖奇偶数规则 */
    .content-component .content-block {
        flex-direction: column !important;
        gap: 2.5rem;
    }
    
    .content-component .content-block__image {
        max-height: 20rem;
    }
    
    .content-component .content-block__image img {
        width: 100%;
        height: auto;
    }
    
    .content-component .content-block__title {
        font-size: 1.5rem;
        margin-bottom: 1.25rem;
    }
    
    .content-component .content-block__item {
        font-size: 1rem;
        line-height: 1.7;
        margin-bottom: 0.875rem;
    }
    
    .content-component .btn-primary.btn-small {
        font-size: 1rem;
        padding: 0.75rem 2rem;
    }
    
    /* 客户营销服务 */
    .customer-section {
        margin: 3.5rem 0;
    }
    
    .customer-actions {
        width: 100%;
        gap: 1rem;
    }
    
    .content-component .customer-content {
        margin-bottom: 1rem;
    }
    
    .customer-actions button {
        font-size: 1.05rem;
    }
    
    .content-component .customer-module .module-title {
        font-size: 1.25rem;
    }
    
    .content-component .customer-module.active .module-title {
        font-size: 1.5rem;
    }
    
    .content-component .customer-module .module-item {
        font-size: 1rem;
        line-height: 1.7;
    }
    
    /* 多场景营销 */
    .content-component .banner2-show-section {
        margin: 0;
        padding: 1rem 0;
    }
    
    .content-component .banner2-show-module {
        padding: 1.5rem;
    }
    
    .content-component .banner2-show-module .module-title {
        font-size: 1.5rem;
    }
    
    .content-component .banner2-show-module .module-item {
        font-size: 1rem;
        line-height: 1.7;
    }
    
    .module-image {
        max-height: 16rem;
    }
    
    .module-image img {
        width: 100%;
        height: auto;
    }
    
    /* 行业轮播 - 移动端改为卡片式 */
    .content-component .banner2-section {
        margin: 3.5rem 0;
        padding: 3.5rem 0;
        height: auto;
        min-height: auto;
    }
    
    /* 确保容器不限制滚动 */
    .content-component .banner2-container {
        overflow-x: visible;
        overflow-y: visible;
    }
    
    .content-component .industry-tabs {
        gap: 1rem;
        font-size: 1rem;
        margin-bottom: 2.5rem;
        flex-wrap: nowrap !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        justify-content: flex-start !important;
        padding-bottom: 0.5rem;
        position: relative;
        z-index: 10;
        border-bottom: none !important;
        display: flex !important;
        width: 100%;
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    /* 隐藏滚动条 */
    .content-component .industry-tabs::-webkit-scrollbar {
        display: none;
    }
    
    .content-component .industry-tab {
        font-size: 1.05rem;
        padding: 0.875rem 1rem;
        white-space: nowrap;
        flex-shrink: 0;
        min-width: fit-content;
    }
    
    /* 轮播容器改为简单布局 */
    .content-component .carousel-wrapper {
        height: auto;
        min-height: auto;
        padding: 0;
        position: relative;
    }
    
    /* 只显示激活的卡片 */
    .content-component .carousel-item {
        display: none;
    }
    
    .content-component .carousel-item.item-active {
        display: block;
        position: static;
        width: 100%;
        height: auto;
        min-height: auto;
        max-height: none;
        transform: none;
        opacity: 1;
        visibility: visible;
        box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
    }
    
    .content-component .carousel-item.item-left,
    .content-component .carousel-item.item-right {
        display: none;
    }
    
    /* 卡片内部垂直布局 */
    .content-component .carousel-item-inner {
        flex-direction: column;
        height: auto;
    }
    
    /* 图片区域 */
    .content-component .carousel-item-image {
        width: 100%;
        height: 18rem;
        flex: 0 0 18rem;
    }
    
    .content-component .carousel-item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0.75rem 0.75rem 0 0;
    }
    
    /* 内容区域 - 由内容撑开高度 */
    .content-component .carousel-item-content {
        flex: 0 0 auto;
        padding: 2rem 1.5rem;
        overflow: visible;
        min-height: auto;
        height: auto;
    }
    
    /* 标题和按钮 */
    .content-component .carousel-item-header {
        flex-wrap: wrap;
        gap: 0.75rem;
        margin-bottom: 1.25rem;
        align-items: center;
    }
    
    .content-component .carousel-item-title {
        font-size: 1.5rem;
        white-space: normal;
        line-height: 1.4;
        min-width: 0;
    }
    
    .content-component .carousel-item-btn {
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    .content-component .carousel-item-subtitle,
    .content-component .carousel-item-text {
        display: inline;
        font-size: 1rem;
        line-height: 1.6;
    }
    
    .content-component .carousel-item-subtitle {
        font-weight: 600;
        color: #0062FF;
    }
    
    .content-component .carousel-item-text {
        color: #666666;
    }
    
    .content-component .carousel-item-section {
        margin-bottom: 1.25rem;
    }
    
    .content-component .carousel-item-section:last-of-type {
        margin-bottom: 0;
    }
    
    /* Logo网格布局 */
    .content-component .carousel-item-logos {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.75rem;
        padding-top: 1.25rem;
    }
    
    .content-component .carousel-item-logo {
        width: 100%;
    }
    
    /* 轮播按钮 - 移动端隐藏 */
    .content-component .carousel-btn {
        display: none;
    }
    
    .content-component .btn-prev {
        display: none;
    }
    
    .content-component .btn-next {
        display: none;
    }
    
    /* 选择卡片 */
    .select-section {
        margin: 3.5rem 0;
    }
    
    .select-grid {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    
    /* 每个column宽度100%，左右结构 */
    .content-component .select-column {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    
    /* 所有卡片统一样式 */
    .content-component .card-short,
    .content-component .card-long,
    .card-short,
    .card-long {
        height: 100%;
        min-height: 18rem;
        pointer-events: none;
    }
    
    .content-component .card-short.card-hover-active,
    .content-component .card-long.card-hover-active,
    .content-component .card-short.card-hover-inactive,
    .content-component .card-long.card-hover-inactive,
    .card-short.card-hover-active,
    .card-long.card-hover-active,
    .card-short.card-hover-inactive,
    .card-long.card-hover-inactive {
        height: 100%;
    }
    
    /* 卡片内容 */
    .card-desc,
    .content-component .card-short .card-desc,
    .content-component .card-long .card-desc {
        display: block;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
    }
    
    /* 图片显示 - 包括card-short */
    .card-image,
    .content-component .card-short .card-image,
    .content-component .card-long .card-image {
        display: block;
        opacity: 1;
        max-height: none;
        margin-top: 1rem;
    }
    
    .select-card-img {
        width: 100%;
        height: auto;
    }
    
    .select-container .select-actions {
        width: 100%;
        height: auto;
    }
    
    .select-container .select-actions button {
        font-size: 1.05rem;
        margin: 0;
    }
    
    /* 移除之前的card-image隐藏规则 */
    
    .content-component .card-title {
        font-size: 1.4rem;
    }
    
    .content-component .card-icon img {
        width: 2.25rem;
        height: 2.25rem;
    }
    
    .card-desc {
        font-size: 1rem;
        line-height: 1.6;
    }
    
    /* 合作伙伴 */
    .friends-section {
        margin: 3.5rem 0;
    }
    
    .friends-logos {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .friends-logo {
        width: 100%;
        height: 4rem;
    }
    
    /* 咨询区域 */
    .content-component .consultation-section {
        height: auto;
        padding: 3.5rem 1.5rem;
    }
    
    .content-component .consultation-container {
        flex-direction: column;
        gap: 2rem;
        padding: 0;
    }
    
    .content-component .consultation-title {
        font-size: 1.85rem;
        text-align: center;
        line-height: 1.4;
    }
    
    
    /* Footer */
    .footer-component {
        padding: 3.5rem 0 0;
    }

    .footer-component .footer-main {
        flex-direction: column;
    }
    
    
    .footer-component .footer-left {
        text-align: center;
    }
    
    .footer-component .footer-logo {
        margin: 0 auto 1.5rem;
    }
    
    .contact-info {
        text-align: left;
    }
    
    .contact-item {
        font-size: 0.95rem;
    }
    
    .contact-value {
        font-size: 1.15rem;
    }
    
    .footer-component .footer-right {
        
        gap: 2.5rem;
    }
    
    .footer-component .footer-column {
        width: 50%;
    }
    
    .column-title {
        font-size: 1.1rem;
    }
    
    .column-link a {
        font-size: 0.95rem;
    }
    
    .qr-codes {
        justify-content: flex-start;
    }
    
    .qr-label {
        font-size: 0.85rem;
    }
    
    .footer-component .footer-bottom {
        padding: 1.75rem 1.25rem;
    }
    
    .footer-component .footer-bottom-content {
        font-size: 0.85rem;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .footer-component .footer-bottom-content p {
        display: ruby;
        gap: 0.5rem;
        white-space: normal;
        text-align: center;
        line-height: 1.6;
    }
    
    /* 客服侧边栏 */
    .cs-sidebar {
        right: 0.875rem;
        bottom: 0.875rem;
        gap: 0.875rem;
    }
    
    .cs-sidebar-btn {
        width: 4rem;
        height: 4rem;
    }
    
    .cs-sidebar-btn--large {
        width: 4rem;
        height: 4rem;
    }
    
    .cs-sidebar-btn__icon {
        width: 2.25rem;
        height: 2.25rem;
    }
    
    .cs-sidebar-btn--large .cs-sidebar-btn__icon {
        width: 2.75rem;
        height: 2.75rem;
    }
    
    .cs-sidebar-btn__text,
    .cs-sidebar-btn__text2 {
        font-size: 0.75rem;
        margin-top: 0.25rem;
    }
    
    .cs-container {
        width: 100%;
        height: 100%;
        right: 0;
        bottom: 0;
        border-radius: 0;
    }
    
    .cs-wechat-qrcode {
        left: auto;
        right: 100%;
        margin-right: 0.5rem;
        width: 10rem;
        height: 10rem;
    }
    
    .cs-scroll-top {
        width: 3rem;
        height: 3rem;
    }
}


/* ==================== 小屏手机适配 (< 480px) ==================== */
@media screen and (max-width: 480px) {
    html {
        font-size: 13px;
    }
    
    /* 容器 - 使用更高优先级 */
    .content-component .header-container,
    .content-component .ai-container,
    .content-component .customer-container,
    .content-component .banner2-show-container,
    .content-component .banner2-container,
    .content-component .select-container,
    .content-component .friends-container,
    .content-component .footer-container,
    .header-container,
    .ai-container,
    .customer-container,
    .banner2-show-container,
    .banner2-container,
    .select-container,
    .friends-container,
    .footer-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    /* Banner */
    .banner-title {
        font-size: 2.2rem;
    }
    
    /* 新闻页面banner标题也应用响应式 */
    .content-component .news-banner-section .banner-title {
        font-size: 2.2rem;
    }
    
    .banner-desc {
        font-size: 1.05rem;
    }
    
    /* 新闻页面banner描述也应用响应式 */
    .content-component .news-banner-section .banner-desc {
        font-size: 1.05rem;
    }
    
    /* 标题 */
    .content-component .section-title {
        font-size: 1.65rem;
        margin-bottom: 2rem;
    }
    
    /* AI section */
    .content-component .content-block__title {
        font-size: 1.35rem;
    }
    
    .content-component .content-block__item {
        font-size: 0.95rem;
    }
    
    /* 客户营销 */
    .content-component .customer-module .module-title {
        font-size: 1.15rem;
    }
    
    .content-component .customer-module.active .module-title {
        font-size: 1.35rem;
    }
    
    .content-component .customer-module .module-item {
        font-size: 0.95rem;
    }
    
    /* 多场景营销 */
    .content-component .banner2-show-module .module-title {
        font-size: 1.35rem;
    }
    
    .content-component .banner2-show-module .module-item {
        font-size: 0.95rem;
    }
    
    /* 行业轮播 */
    .content-component .industry-tab {
        font-size: 0.95rem;
        padding: 0.75rem 0.875rem;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    .carousel-item-title {
        font-size: 1.35rem;
    }
    
    .carousel-item-btn {
        font-size: 0.9rem;
        padding: 0.45rem 1rem;
    }
    
    .carousel-item-subtitle,
    .carousel-item-text {
        display: inline;
        font-size: 0.95rem;
    }
    
    .carousel-item-subtitle {
        font-weight: 600;
        color: #0062FF;
    }
    
    .carousel-item-text {
        color: #666666;
    }
    
    .carousel-item-logos {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.625rem;
    }
    
    .carousel-item-logo {
        width: 100%;
        height: 2.5rem;
    }
    
    /* 卡片 */
    .content-component .card-title {
        font-size: 1.35rem;
    }
    
    .content-component .card-icon img {
        width: 2rem;
        height: 2rem;
    }
    
    .card-desc {
        font-size: 0.95rem;
    }
    
    /* 咨询区域 */
    .content-component .consultation-title {
        font-size: 1.65rem;
    }
    
    /* Footer */
    .contact-value {
        font-size: 1.05rem;
    }
    
    .column-title {
        font-size: 1.05rem;
    }
    
    /* 客服侧边栏 */
    .cs-sidebar-btn {
        width: 3.5rem;
        height: 3.5rem;
    }
    
    .cs-sidebar-btn--large {
        width: 3.5rem;
        height: 3.5rem;
    }
    
    .cs-sidebar-btn__icon {
        width: 2rem;
        height: 2rem;
    }
    
    .cs-sidebar-btn--large .cs-sidebar-btn__icon {
        width: 2.5rem;
        height: 2.5rem;
    }
    
    .cs-sidebar-btn__text,
    .cs-sidebar-btn__text2 {
        display: none;
    }
    
    .cs-wechat-qrcode {
        width: 9rem;
        height: 9rem;
    }
}

/* ==================== 特色功能板块响应式 ==================== */

/* 平板适配 (768px - 1024px) */
@media screen and (max-width: 1024px) {
    .content-component .features-section {
        padding: 3rem 0;
    }
    
    .content-component .features-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .content-component .features-grid {
        gap: 2rem;
    }
    
    .content-component .features-column {
        gap: 2rem;
    }
    
    .content-component .feature-card__icon {
        width: 2rem;
        height: 2rem;
    }
    
    .content-component .feature-card__title {
        font-size: 1.25rem;
    }
    
    .content-component .feature-card__item {
        font-size: 0.95rem;
    }
}

/* 手机适配 (< 768px) */
@media screen and (max-width: 768px) {
    .content-component .features-section {
        padding: 1.25rem 0;
        margin: 1.25rem 0;
    }
    
    .content-component .features-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    
    .content-component .features-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .content-component .features-column {
        gap: 1.5rem;
    }
    
    .content-component .feature-card {
        padding: 1.75rem;
    }
    
    .content-component .feature-card__icon {
        width: 2rem;
        height: 2rem;
    }
    
    .content-component .feature-card__title {
        font-size: 1.25rem;
    }
    
    .content-component .feature-card__item {
        font-size: 1rem;
        line-height: 1.6;
    }
    
    .content-component .feature-card__image {
        margin-top: 0;
    }
    
    .content-component .full-width-card--two-columns .full-width-card__content {
        padding: 1.25rem;
    }
}

/* 小屏手机适配 (< 480px) */
@media screen and (max-width: 480px) {
    .content-component .features-section {
        padding: 2rem 0;
        margin: 2rem 0;
    }
    
    .content-component .features-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .content-component .features-grid {
        gap: 1rem;
    }
    
    .content-component .features-column {
        gap: 1rem;
    }
    
    .content-component .feature-card {
        padding: 1.5rem;
    }
    
    .content-component .feature-card__icon {
        width: 1.75rem;
        height: 1.75rem;
    }
    
    .content-component .feature-card__title {
        font-size: 1.15rem;
    }
    
    .content-component .feature-card__item {
        font-size: 0.95rem;
        line-height: 1.6;
        margin-bottom: 0.75rem;
    }
    
    .content-component .feature-card__image {
        margin-top: 1.25rem;
    }
}

/* ==================== 新闻动态页面响应式 ==================== */

/* 平板适配 (768px - 1024px) */
@media screen and (max-width: 1024px) {
    .content-component .news-section {
        padding: 3.5rem 0;
    }
    
    .content-component .news-container {
        padding: 0 2rem;
        gap: 2rem;
    }
    
    .content-component .news-card-image {
        flex: 0 0 12rem;
        height: 9rem;
    }
}

/* 手机适配 (< 768px) */
@media screen and (max-width: 768px) {
    .content-component .news-banner {
        min-height: 30rem;
        padding: 0;
        display: flex;
        align-items: center;
    }
    
    .content-component .news-banner-container {
        padding: 2.5rem 1.5rem;
        width: 100%;
    }
    
    .content-component .news-banner-content {
        flex-direction: column;
        gap: 2rem;
        min-height: 30rem;
        display: flex;
        justify-content: center;
    }
    
    .content-component .news-banner-title {
        font-size: 2.5rem;
        margin-bottom: 1.25rem;
    }
    
    .content-component .news-banner-desc {
        font-size: 1.15rem;
        margin-bottom: 1.75rem;
        line-height: 1.6;
    }
    .content-component .news-banner-buttons {
        gap: 1rem;
    }
    
    .content-component .news-banner-buttons .btn-primary,
    .content-component .news-banner-buttons .btn-secondary {
        text-align: center;
    }
    
    .content-component .news-banner-image {
        display: none;
    }
    
    .content-component .news-section {
        padding: 2.5rem 0;
    }
    
    .content-component .news-container {
        grid-template-columns: 1fr;
        padding: 0 1.5rem;
        gap: 2.5rem;
    }
    
    .content-component .news-tabs {
        gap: 0;
        margin-bottom: 2rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .content-component .news-tabs::-webkit-scrollbar {
        display: none;
    }
    
    .content-component .news-tab {
        padding: 0.875rem 0;
        margin: 0 1.5rem;
        font-size: 1rem;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    .content-component .news-tab:first-child {
        margin-left: 0;
    }
    
    .content-component .news-tab-icon {
        width: 1.25rem;
        height: 1.25rem;
    }
    
    .content-component .news-card {
        padding: 1.25rem 0;
    }
    
    .content-component .news-card-image {
        flex: 0 0 12rem;
        height: 7.5rem;
    }
    
    .content-component .news-card-title {
        font-size: 1.125rem;
    }
    
    .content-component .news-card-desc {
        font-size: 0.875rem;
    }
    
    .content-component .sidebar-widget {
        padding: 1.25rem;
    }
    
    .content-component .news-pagination {
        gap: 0.5rem;
        margin-top: 2.5rem;
    }
    
    .content-component .pagination-arrow,
    .content-component .pagination-num {
        min-width: 2.5rem;
        height: 2.5rem;
        font-size: 0.95rem;
    }
}

/* 小屏手机适配 (< 480px) */
/* 小屏手机适配 (< 480px) */
@media screen and (max-width: 480px) {
    .content-component .news-banner {
        min-height: 30rem;
    }
    
    .content-component .news-banner-container {
        padding: 2.5rem 1rem;
    }
    
    .content-component .news-banner-title {
        font-size: 2.2rem;
    }
    
    .content-component .news-banner-desc {
        font-size: 1.05rem;
    }
    .content-component .news-section {
        padding: 2rem 0;
    }
    
    .content-component .news-container {
        padding: 0 1rem;
    }
    
    .content-component .news-tab {
        padding: 0.75rem 0;
        margin: 0 1.25rem;
        font-size: 0.95rem;
    }
    
    .content-component .news-tab:first-child {
        margin-left: 0;
    }
    
    .content-component .news-tab-icon {
        width: 1.125rem;
        height: 1.125rem;
    }
    
    .content-component .news-card {
        flex-direction: column;
        gap: 0;
        padding: 1rem 0;
    }
    
    .content-component .news-card-image {
        flex: 0 0 auto;
        width: 100%;
        height: 12rem;
    }
    
    .content-component .news-card-title {
        font-size: 1rem;
    }
    
    .content-component .news-card-desc {
        font-size: 0.8125rem;
    }
    
    .content-component .sidebar-widget {
        padding: 1rem;
    }
    
    .content-component .sidebar-title {
        font-size: 1rem;
    }
    
    .content-component .sidebar-article .article-title {
        font-size: 1rem;
    }
    
    .content-component .news-pagination {
        gap: 0.375rem;
        margin-top: 2rem;
    }
    
    .content-component .pagination-arrow,
    .content-component .pagination-num {
        min-width: 2.25rem;
        height: 2.25rem;
        font-size: 0.875rem;
    }
}




/* ==================== 全宽特色板块响应式 ==================== */
@media screen and (max-width: 1024px) {
    .content-component .full-width-card {
        gap: 2.5rem;
        padding: 2.5rem;
    }
    
    .content-component .full-width-card__title {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 768px) {
    .content-component .full-width-section {
        padding: 3rem 0;
    }
    
    .content-component .full-width-card {
        flex-direction: column !important;
        gap: 2rem;
        padding: 1.25rem;
    }
    
    .content-component .full-width-card__title {
        font-size: 1.25rem;
    }
    
    .content-component .full-width-card__item {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 480px) {
    .content-component .full-width-section {
        padding: 2rem 0;
    }
    
    .content-component .full-width-card {
        padding: 1.5rem;
        gap: 1.5rem;
    }
    
    .content-component .full-width-card__icon {
        width: 2.5rem;
        height: 2.5rem;
        margin-bottom: 1rem;
    }
    
    .content-component .full-width-card__title {
        font-size: 1.125rem;
        margin-bottom: 1rem;
    }
}


/* 两列文字布局响应式 */
@media screen and (max-width: 768px) {
    .content-component .full-width-card--two-columns {
        flex-direction: column;
        gap: 2rem;
        padding: 0;
    }
}