/* 首页样式 - Content 和 Customer Service */

/* ==================== Banner 轮播样式 ==================== */
.banner-section {
    width: 100%;
    background: #E0EEFF;
}

.banner-swiper {
    width: 100%;
    height: 33.75rem; /* 540px ÷ 16 = 33.75rem */
}

.banner-content {
    max-width: 75rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.banner-text {
    flex: 0 0 45%;
}

.banner-title {
    font-size: 3.25rem; /* 52px ÷ 16 = 3.25rem */
    font-weight: 600;
    color: #1A2233;
    line-height: 1.3;
    margin-bottom: 1.5rem; /* 24px ÷ 16 = 1.5rem */
}

.banner-desc {
    font-size: 1.125rem; /* 18px ÷ 16 = 1.125rem */
    color: #1A2233;
    line-height: 1.8;
    margin-bottom: 2rem; /* 32px ÷ 16 = 2rem */
    max-width: 32rem;
    word-wrap: break-word;
    white-space: normal;
}

.banner-buttons {
    display: flex;
    gap: 1.25rem;
}

.banner-buttons .btn-primary,
.banner-buttons .btn-secondary {
    width: 7.875rem; /* 126px ÷ 16 = 7.875rem */
    height: 3rem; /* 48px ÷ 16 = 3rem */
    padding: 0;
    font-size: 1rem; /* 16px ÷ 16 = 1rem */
    border-radius: 0.3125rem; /* 5px ÷ 16 = 0.3125rem */
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap; /* 防止文字换行 */
}

.content-component .banner-buttons .btn-primary {
    background: #0062FF;
    color: #fff;
    border: none;
}

.content-component .banner-buttons .btn-primary:hover {
    background: #0052D9;
    transform: translateY(-0.125rem);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 98, 255, 0.3);
}

.content-component .banner-buttons .btn-secondary {
    background: transparent;
    color: #1A2233;
    border: 0.0625rem solid #1A2233;
}

.content-component .banner-buttons .btn-secondary:hover {
    background: rgba(26, 34, 51, 0.05);
    transform: translateY(-0.125rem);
}

.banner-image {
    flex: 0 0 50%;
    display: flex;
    justify-content: flex-end;
}

.banner-image img {
    max-width: 100%;
    height: auto;
}

/* Swiper 分页器自定义样式 */
.banner-swiper .swiper-pagination {
    bottom: 2.25rem !important; /* 36px ÷ 16 = 2.25rem */
}

.banner-swiper .swiper-pagination-bullet {
    width: 3rem; /* 48px ÷ 16 = 3rem */
    height: 0.375rem; /* 6px ÷ 16 = 0.375rem */
    border-radius: 0.375rem; /* 6px ÷ 16 = 0.375rem */
    background: #fff;
    opacity: 1;
    position: relative;
    overflow: hidden;
}

.banner-swiper .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #0062FF;
    transition: none;
}

.banner-swiper .swiper-pagination-bullet-active::before {
    animation: progressBar 5s linear forwards;
}

@keyframes progressBar {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

/* ==================== 图片尺寸样式 ==================== */
/* AI 主图 */
.ai-main-img {
    width: 100%;
    height: auto;
    max-width: 40rem;
    max-height: 25rem;
    object-fit: contain;
}

/* 系统图片 */
.system-img {
    width: 40rem; /* 640px ÷ 16 = 40rem */
    height: 25rem; /* 400px ÷ 16 = 25rem */
    object-fit: contain;
}

/* 模块图片 */
.module-img {
    width: 31.25rem;
    height: 16.25rem;
    object-fit: contain;
}

/* 选择卡片图片 */
.select-card-img {
    width: 100%;
    height: auto;
    margin-top: 1.25rem;
}

/* Banner 图片 */
.banner-img {
    width: 120rem;
    display: block;
}

/* 咨询图片 */
.consultation-img {
    width: 100%;
    display: block;
}

/* Tab 图标 */
.tab-icon-img {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
}

/* Logo 图片 */
.header-logo img {
    width: 10.75rem;
    height: 2.875rem;
    object-fit: contain;
}

/* ==================== Content 样式 ==================== */
/* Content 样式 */

/* Content 组件样式 - 使用 content-component 前缀避免污染 */
.content-component {
    width: 100%;
    margin: 0 auto;
}

.content-component .banner-section {
    width: 100%;
    overflow: hidden;
}

.content-component .banner-section img {
    width: 100%;
    height: auto;
    display: block;
}

/* 为什么选择傲融云客 区域样式 */
.content-component .select-section {
    width: 100%;
    background-color: #fff;
    margin: 5.0rem 0; /* 改用 margin */
}

.content-component .select-container {
    max-width: 75.0rem;
    margin: 0 auto;
    padding: 0 3.75rem;
}

.content-component .select-title {
    font-size: 2.625rem;
    font-weight: 600;
    color: #1A2233;
    text-align: center;
    margin-bottom: 3.75rem;
}

.content-component .select-grid {
    display: flex;
    gap: 1.25rem;
    margin-bottom: 3.125rem;
}

.content-component .select-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    height: 37.5rem;
}

.content-component .select-card {
    box-sizing: border-box;
    border-radius: 0.75rem;
    padding: 1.625rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
    transition: height 0.5s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #fef9e7 0%, #fffef5 100%);
}

.content-component .select-card:hover {
    box-shadow: 0 0.25rem 1.0rem rgba(0, 0, 0, 0.12);
}

.content-component .card-short {
    height: 8.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content-component .card-long {
    height: 27.5rem; /* 440px ÷ 16 = 27.5rem */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 卡片 hover 激活状态 */
.content-component .card-short.card-hover-active {
    height: 27.5rem; /* 440px ÷ 16 = 27.5rem */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content-component .card-long.card-hover-inactive {
    height: 12.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content-component .card-long.card-hover-active {
    height: 27.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content-component .card-short.card-hover-inactive {
    height: 8.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content-component .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-component .card-icon {
    flex-shrink: 0;
}

.content-component .card-icon img {
    width: 3rem; /* 48px ÷ 16 = 3rem */
    height: 3rem; /* 48px ÷ 16 = 3rem */
    object-fit: contain;
}

.content-component .icon-placeholder {
    width: 2.5rem;
    height: 2.5rem;
    background: #ffd700;
    border-radius: 0.375rem;
}

.content-component .card-title {
    font-size: 1.75rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0;
    margin-top: 0;
}

.content-component .card-desc {
    font-size: 1.0rem;
    color: #5F636C;
    line-height: 1.6;
}

.content-component .card-short .card-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-component .card-short.card-hover-active .card-desc {
    white-space: normal;
}

.content-component .card-long .card-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-component .card-long.card-hover-inactive .card-desc {
    -webkit-line-clamp: 1;
}

.content-component .card-image {
    transition: opacity 0.3s ease, max-height 0.3s ease;
    overflow: hidden;
}

.content-component .card-short .card-image {
    opacity: 0;
    max-height: 0;
    margin-top: 0;
}

.content-component .card-short.card-hover-active .card-image {
    opacity: 1;
    max-height: 20rem;
}

.content-component .card-long.card-hover-inactive .card-image {
    opacity: 0;
    max-height: 0;
}

.content-component .card-long.card-hover-active .card-image {
    opacity: 1;
    max-height: 20rem;
}

.content-component .image-placeholder {
    width: 100%;
    height: 8.75rem;
    background: #e8f4f8;
    border-radius: 0.5rem;
}

.content-component .btn-primary,
.content-component .btn-secondary {
    padding: 0.75rem 2.25rem;
    font-size: 1.0rem;
    border-radius: 0.375rem;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
}

.content-component .btn-primary {
    background: #0062FF;
    color: #fff;
}

.content-component .btn-primary:hover {
    background: #1e3a8a;
    transform: translateY(-0.125rem);
    box-shadow: 0 0.25rem 0.75rem rgba(30, 64, 175, 0.3);
}

.content-component .btn-secondary {
    background: transparent;
    color: #1A2233;
    border: 0.0625rem solid #1A2233;
}

.content-component .btn-secondary:hover {
    background: rgba(26, 34, 51, 0.05);
    border-color: #1A2233;
    color: #1A2233;
    transform: translateY(-0.125rem);
}

/* 多场景营销服务解决方案 区域样式 */
.content-component .banner2-show-section {
    width: 100%;
    background-color: #fff;
    margin: 5.0rem 0; /* 改用 margin */
}

.content-component .banner2-show-container {
    max-width: 75.0rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 3.75rem;
}

.content-component .banner2-show-title {
    font-size: 2.25rem;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin-bottom: 1.75rem; /* 28px ÷ 16 = 1.75rem */
}

.content-component .banner2-show-content {
    display: flex;
    gap: 2.5rem;
    justify-content: space-between;
}

.content-component .banner2-show-module {
    flex: 1;
    border-radius: 0.75rem;
    padding: 2.5rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.content-component .banner2-show-module:hover {
    transform: translateY(-0.3125rem);
    box-shadow: 0 0.25rem 1.0rem rgba(0, 0, 0, 0.12);
}

.content-component .module-left {
    background: linear-gradient(135deg, #fef9e7 0%, #fffef5 100%);
}

.content-component .module-right {
    background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);
}

.content-component .module-header {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 1.25rem; /* 20px ÷ 16 = 1.25rem */
}

.content-component .module-header .arrow-right {
    position: absolute;
    right: 1.875rem;
    bottom: 50%;
    transform: translateY(50%);
    font-size: 1.625rem;
    font-weight: bold;
}

.content-component .module-icon {
    margin-right: 0.75rem;
    flex-shrink: 0;
}

.content-component .banner2-show-module .module-icon img {
    width: 2.25rem; /* 36px ÷ 16 = 2.25rem */
    height: 2.25rem; /* 36px ÷ 16 = 2.25rem */
    object-fit: contain;
}

.content-component .module-icon .icon-placeholder {
    width: 2.0rem;
    height: 2.0rem;
    border-radius: 0.375rem;
}

.content-component .module-left .module-icon .icon-placeholder {
    background: #fbbf24;
}

.content-component .module-right .module-icon .icon-placeholder {
    background: #818cf8;
}

.content-component .module-title {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1A2233;
}

.content-component .module-list {
    margin-bottom: 1.875rem;
    padding-left: 0;
    font-size: 1.0rem;
    color: #1A2233;
}

.content-component .module-item {
    font-size: 0.875rem;
    color: #666;
    line-height: 1.8;
}

.content-component .module-image {
    margin-top: auto;
}

.content-component .module-image .image-placeholder {
    width: 100%;
    height: 12.5rem;
    border-radius: 0.5rem;
    background: linear-gradient(135deg, #e8f4f8 0%, #d4e9f2 100%);
}

/* 客户营销服务运营一体化中心 区域样式 */
.content-component .customer-section {
    width: 100%;
    background-color: #fff;
    margin: 5.0rem 0; /* 改用 margin */
}

.content-component .customer-container {
    max-width: 75.0rem;
    width: 100%;
    margin: 0 auto;
}

.content-component .customer-title {
    font-size: 2.25rem;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin-bottom: 3.75rem;
}

.content-component .customer-content {
    display: flex;
    gap: 2.5rem;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 3.75rem;
}

.content-component .customer-left {
    flex: 0 0 45%;
}

.content-component .customer-right {
    flex: 0 0 45%;
}

.content-component .customer-module {
    margin-bottom: 0.625rem;
    border-bottom: 0.0625rem solid #E9E9E9;
    cursor: pointer;
    transition: all 0.3s ease;
}

.content-component .customer-module .module-header {
    display: flex;
    align-items: center;
    margin-bottom: 0.625rem;
    padding: 0.75rem 0;
}

.content-component .customer-module .module-icon {
    margin-right: 0.75rem;
    flex-shrink: 0;
}

.content-component .customer-module .module-icon img {
    width: 2rem; /* 32px ÷ 16 = 2rem */
    height: 2rem; /* 32px ÷ 16 = 2rem */
    object-fit: contain;
}

.content-component .customer-module .module-title {
    font-size: 1.25rem; /* 20px ÷ 16 = 1.25rem */
    font-weight: 400;
    color: #1A2233;
    flex: 1;
    transition: font-size 0.3s ease, font-weight 0.3s ease;
}

.content-component .customer-module.active .module-title {
    font-size: 1.5rem; /* 24px ÷ 16 = 1.5rem */
    font-weight: 700;
}

.content-component .customer-module .arrow-right {
    width: 1.25rem; /* 20px ÷ 16 = 1.25rem */
    height: 1.25rem; /* 20px ÷ 16 = 1.25rem */
    object-fit: contain;
    transition: opacity 0.3s ease;
}

.content-component .customer-module.active .arrow-right {
    opacity: 0;
    visibility: hidden;
}

.content-component .customer-module .module-list {
    margin-bottom: 0;
    padding-left: 1.25rem; /* 20px ÷ 16 = 1.25rem */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease, margin-bottom 0.3s ease;
}

.content-component .customer-module.active .module-list {
    max-height: 12.5rem;
    opacity: 1;
    margin-bottom: 1rem;
}

.content-component .customer-module .module-item {
    font-size: 1rem; /* 16px ÷ 16 = 1rem */
    color: #1A2233;
    list-style-type: disc;
}

.content-component .customer-module .module-item::marker {
    color: #0070F0;
    font-size: 1rem; /* 16px ÷ 16 = 1rem */
}

.content-component .customer-arrows {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
    padding-top: 1.25rem;
}

.content-component .arrow-item {
    width: 2.5rem;
    height: 1.25rem;
    position: relative;
}

.content-component .arrow-item::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 0.0625rem;
    background: #94a3b8;
}

.content-component .system-image {
    width: 100%;
}

.content-component .system-image .image-placeholder {
    width: 100%;
    height: 25.0rem;
    border-radius: 0.5rem;
    background: #e0f2fe;
}

.content-component .customer-actions {
    display: flex;
    justify-content: center;
    gap: 1.25rem;
}

/* 大模型AI全面赋能，为企业降本增效 区域样式 */
.content-component .ai-section {
    width: 100%;
    background-color: #fff;
    margin: 5.0rem 0; /* 改用 margin */
}

.content-component .ai-container {
    max-width: 75.0rem;
    width: 100%;
    margin: 0 auto;
}

/* 公共标题样式 */
.content-component .section-title {
    font-size: 2.625rem; /* 42px ÷ 16 = 2.625rem */
    font-weight: 600;
    color: #1A2233;
    text-align: center;
    margin-bottom: 3.75rem; /* 60px ÷ 16 = 3.75rem */
}

.content-component .section-title--white {
    color: #fff;
}

.content-component .ai-tabs {
    display: flex;
    justify-content: center;
    gap: 2.5rem;
    margin-bottom: 3.75rem;
    border-bottom: 0.0625rem solid #E9E9E9;
}

.content-component .ai-tab {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.content-component .ai-tab.tab-active {
    /*background: #e0f2fe;*/
    /*color: #3b82f6;*/
    border-bottom: 0.125rem solid #0062FF; /* 2px ÷ 16 = 0.125rem */
}

.content-component .tab-text {
    font-size: 1.0rem;
    font-weight: 500;
    color: #1A2233;
    transition: color 0.3s ease;
}

.content-component .ai-tab.tab-active .tab-text {
    color: #0062FF;
}

.content-component .ai-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 71.25rem;
}

.content-component .ai-main-interface {
    flex: 0 0 40%;
    position: relative;
    min-width: 40rem; /* 确保图片可以显示完整尺寸 */
}

.content-component .ai-text-content {
    flex: 0 37%;
}

.content-component .ai-subtitle {
    font-size: 1.5rem;
    font-weight: bolder;
    color: #333;
    margin-bottom: 1.25rem;
}

.content-component .ai-features {
    margin-bottom: 1.875rem;
    padding-left: 0;
}

.content-component .ai-feature-item {
    font-size: 1.0rem;
    color: #1A2233;
    line-height: 1.8;
    margin-bottom: 0.75rem;
    list-style: none;
}

.content-component .btn-primary.btn-small {
    padding: 0.625rem 1.75rem;
    font-size: 0.875rem;
}

/* 多行业营销服务解决方案 区域样式 */
.content-component .banner2-section {
    width: 100%;
    background-color: #1A2233;
    padding: 5.0rem 0; /* 保持 padding，因为有背景色 */
    margin: 5.0rem 0; /* 同时添加 margin 控制与其他板块的间距 */
}

.content-component .banner2-container {
    max-width: 75.0rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 3.75rem;
}

.content-component .banner2-title {
    font-size: 2.25rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-bottom: 2.5rem;
}

.content-component .industry-tabs {
    display: flex;
    justify-content: center;
    gap: 3.75rem; /* 60px ÷ 16 = 3.75rem */
    margin-bottom: 3.75rem;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1); /* 1px border with 10% opacity */
}

.content-component .industry-tab {
    color: #94a3b8;
    font-size: 1.0rem;
    font-weight: 500;
    padding: 0.75rem 0;
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 0.125rem solid transparent; /* 2px ÷ 16 = 0.125rem */
    margin-bottom: -0.0625rem; /* -1px to overlap with parent border */
}

.content-component .industry-tab.tab-active {
    color: #fff;
    border-bottom: 0.125rem solid #0062FF; /* 2px ÷ 16 = 0.125rem */
}

.content-component .carousel-wrapper {
    position: relative;
    max-width: 75.0rem;
    margin: 0 auto;
    height: 31.25rem;
}

.content-component .carousel-content {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-component .carousel-item {
    position: absolute;
    background: #fff;
    border-radius: 0.75rem;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    visibility: hidden;
    min-height: 6.25rem;
    top: 50%;
    left: 0;
    right: auto;
}

.content-component .carousel-item.item-left {
    left: 0;
    width: 17.5rem;
    height: 20.0rem;
    opacity: 0.6;
    visibility: visible;
    z-index: 1;
    transform: translate(0, -50%) scale(0.85);
}

.content-component .carousel-item.item-active {
    left: 50%;
    width: 58.125rem;
    height: 27.5rem;
    opacity: 1;
    visibility: visible;
    z-index: 10;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
    transform: translate(-50%, -50%) scale(1);
}

.content-component .carousel-item.item-right {
    left: calc(100% - 17.5rem);
    width: 17.5rem;
    height: 20.0rem;
    opacity: 0.6;
    visibility: visible;
    z-index: 1;
    transform: translate(0, -50%) scale(0.85);
}

/* 轮播item内部布局 */
.content-component .carousel-item-inner {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.content-component .carousel-item-image {
    flex: 0 0 21.25rem; /* 340px ÷ 16 = 21.25rem */
    height: 27.5rem; /* 440px ÷ 16 = 27.5rem */
}

.content-component .carousel-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-component .carousel-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    padding: 3.5rem 4.375rem 3.5rem 3.125rem; /* 56px 70px 56px 50px */
    box-sizing: border-box;
}

.content-component .carousel-item-header {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-shrink: 0;
    gap: 1rem;
}

.content-component .carousel-item-title {
    font-size: 1.75rem; /* 24px ÷ 16 = 1.5rem */
    font-weight: 600;
    color: #1A2233;
    margin: 0;
    white-space: nowrap;
}

.content-component .carousel-item-btn {
    padding: 0.42rem 0.75rem;
    font-size: 1rem;
    color: #1A2233;
    background: #ffffff;
    border: 0.0625rem solid #1A2233;
    border-radius: 0.3125rem;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.content-component .carousel-item-btn:hover {
    background: #1A2233;
    color: #fff;
}

.content-component .carousel-item-section {
    margin-bottom: 0.75rem; /* 12px ÷ 16 = 0.75rem */
    flex-shrink: 0;
}

.content-component .carousel-item-subtitle {
    font-size: 0.9375rem; /* 15px ÷ 16 = 0.9375rem */
    font-weight: 600;
    color: #0062FF;
}

.content-component .carousel-item-text {
    font-size: 0.9375rem; /* 15px ÷ 16 = 0.9375rem */
    color: #666666;
    line-height: 1.5;
    margin: 0;
}

.content-component .carousel-item-logos {
    display: flex;
    gap: 0.875rem; /* 14px ÷ 16 = 0.875rem */
    margin-top: auto;
    padding-top: 1rem;
    align-items: center;
    flex-shrink: 0;
}

.content-component .carousel-item-logo {
    width: 6.875rem; /* 110px ÷ 16 = 6.875rem */
    height: 3rem; /* 48px ÷ 16 = 3rem */
    object-fit: contain;
    border: 0.0625rem solid #000000;
    border-radius: 0.375rem; /* 6px ÷ 16 = 0.375rem */
    padding: 0.5rem;
    box-sizing: border-box;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.content-component .carousel-item-logo:hover {
    opacity: 1;
}

.content-component .carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.25rem; /* 52px ÷ 16 = 3.25rem */
    height: 3.25rem; /* 52px ÷ 16 = 3.25rem */
    background: transparent;
    border: 0.125rem solid #fff; /* 2px ÷ 16 = 0.125rem */
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-component .carousel-btn:hover {
    background: rgba(255, 255, 255, 0.1);
}

.content-component .carousel-arrow {
    width: 0.375rem; /* 6px ÷ 16 = 0.375rem */
    height: 0.75rem; /* 12px ÷ 16 = 0.75rem */
    object-fit: contain;
}

.content-component .btn-prev {
    left: -2.5rem; /* 40px ÷ 16 = 2.5rem */
    z-index: 20;
}

.content-component .btn-next {
    right: -2.5rem; /* 40px ÷ 16 = 2.5rem */
    z-index: 20;
}

.content-component .btn-placeholder {
    width: 0;
    height: 0;
    border-style: solid;
}

.content-component .btn-prev .btn-placeholder {
    border-width: 0.5rem 0.75rem 0.5rem 0;
    border-color: transparent #fff transparent transparent;
}

.content-component .btn-next .btn-placeholder {
    border-width: 0.5rem 0 0.5rem 0.75rem;
    border-color: transparent transparent transparent #fff;
}

.select-container .select-actions {
    height: 5.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 合作伙伴区域 */
.content-component .friends-section {
    width: 100%;
    background: #fff;
    margin: 5.0rem 0; /* 改用 margin */
}

.content-component .friends-container {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 3.75rem;
}

.content-component .friends-logos {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.125rem; /* 18px ÷ 16 = 1.125rem */
    align-items: center;
    justify-items: center;
}

.content-component .friends-logo {
    width: 9.75rem; /* 156px ÷ 16 = 9.75rem */
    height: 4.25rem; /* 68px ÷ 16 = 4.25rem */
    object-fit: contain;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.content-component .friends-logo:hover {
    opacity: 1;
}


/* 咨询区域 */
.content-component .consultation-section {
    width: 100%;
    height: 9.375rem; /* 150px ÷ 16 = 9.375rem */
    background: url('../image/public/f-bg.png') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-component .consultation-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.75rem;
}

.content-component .consultation-title {
    font-size: 2.5rem; /* 40px ÷ 16 = 2.5rem */
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.content-component .consultation-btn {
    width: 7.5rem; /* 120px ÷ 16 = 7.5rem */
    height: 3rem; /* 48px ÷ 16 = 3rem */
    padding: 0;
    font-size: 1rem; /* 16px ÷ 16 = 1rem */
    font-weight: 500;
    color: #fff;
    background: transparent;
    border: 0.125rem solid #fff; /* 2px ÷ 16 = 0.125rem */
    border-radius: 0.3125rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-component .consultation-btn:hover {
    background: #fff;
    color: #0062FF;
    transform: translateY(-0.125rem);
}


/* ==================== 公共内容块组件 ==================== */
/* 左右布局：图片 + 文字内容 */
.content-component .content-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3.75rem;
    max-width: 75rem;
    margin: 0 auto;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Tab内容切换 */
.content-component .tab-content {
    transition: opacity 0.3s ease;
}

/* 奇数section：文字在左，图片在右（反向） */
.content-component .ai-section:nth-child(odd) .content-block {
    flex-direction: row-reverse;
}

/* 偶数section：图片在左，文字在右（默认顺序） */
.content-component .ai-section:nth-child(even) .content-block {
    flex-direction: row;
}

.content-component .content-block__image {
    flex: 0 0 40%;
    min-width: 40rem;
}

.content-component .content-block__image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.content-component .content-block__text {
    flex: 1;
}

.content-component .content-block__title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1A2233;
    margin-bottom: 1.25rem;
}

.content-component .content-block__list {
    margin-bottom: 1.875rem;
    padding-left: 0;
    list-style: none;
}

.content-component .content-block__item {
    font-size: 1.0rem;
    color: #1A2233;
    line-height: 1.8;
    margin-bottom: 0.75rem;
}

/* 反向布局：文字在左，图片在右 */
.content-component .content-block--reverse {
    flex-direction: row-reverse;
}


/* ==================== 特色功能板块样式 ==================== */
/* 用于展示产品特色功能的卡片布局 */
.content-component .features-section {
    width: 100%;
    background-color: #fff;
    margin: 5.0rem 0;
}

.content-component .features-container {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 3.75rem;
}

.content-component .features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.875rem; /* 30px ÷ 16 = 1.875rem */
}

/* 3列布局：左边1列 + 右边1列 */
.content-component .features-grid--3col {
    grid-template-columns: 1fr 1fr;
}

/* 左列和右列 */
.content-component .features-column {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
}

/* 单列：只有一个高卡片 */
.content-component .features-column--single {
    display: flex;
    flex-direction: column;
}

.content-component .feature-card {
    background: #F8F9FA;
    border-radius: 0.75rem; /* 12px ÷ 16 = 0.75rem */
    /* padding: 2.5rem;  */
    padding: 2.5rem 1.5rem;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.content-component .feature-card:hover {
    transform: translateY(-0.3125rem);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);
}

/* 矮卡片：只有图标，无图片 */
.content-component .feature-card--short {
    min-height: 12.5rem; /* 200px ÷ 16 = 12.5rem */
}

/* 高卡片：有图片 */
.content-component .feature-card--tall {
    min-height: 28.125rem; /* 450px ÷ 16 = 28.125rem */
}

/* 第一个卡片：浅黄色背景 */
.content-component .feature-card:nth-child(1) {
    background: linear-gradient(135deg, #FEF9E7 0%, #FFFEF5 100%);
}

/* 第二个卡片：浅蓝色背景 */
.content-component .feature-card:nth-child(2) {
    background: linear-gradient(135deg, #E8F4FD 0%, #F0F9FF 100%);
}

/* 第三个卡片：浅绿色背景 */
.content-component .features-column:nth-child(1) .feature-card:nth-child(2) {
    /* background: linear-gradient(135deg, #E8F8E8 0%, #F0FFF0 100%); */
}

/* 第四个卡片：浅紫色背景 */
.content-component .features-column:nth-child(2) .feature-card:nth-child(2) {
    /* background: linear-gradient(135deg, #F0EDFF 0%, #F8F5FF 100%); */
}

/* 右列第一个卡片（深度语义理解）：紫色背景 #F7F5FF */
.content-component .features-column:nth-child(2) .feature-card:nth-child(1) {
    /* background: #F7F5FF; */
}

/* 右列第二个卡片（智能化人机协同）：青色背景 #ECFAFA */
.content-component .features-column:nth-child(2) .feature-card:nth-child(2) {
    background: #ECFAFA;
}

.content-component .feature-card__header {
    display: flex;
    align-items: center;
    gap: 0.75rem; /* 12px ÷ 16 = 0.75rem */
    margin-bottom: 1.25rem; /* 20px ÷ 16 = 1.25rem */
}

.content-component .feature-card__icon {
    width: 2.25rem; /* 36px ÷ 16 = 2.25rem */
    height: 2.25rem; /* 36px ÷ 16 = 2.25rem */
    flex-shrink: 0;
}

.content-component .feature-card__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.content-component .feature-card__title {
    font-size: 1.375rem; /* 22px ÷ 16 = 1.375rem */
    font-weight: 600;
    color: #1A2233;
    margin: 0;
}

.content-component .feature-card__content {
    flex: 1;
}

/* 高卡片的content需要下边距，为图片留空间 */
.content-component .feature-card--tall .feature-card__content {
    margin-bottom: 1.5rem; /* 24px ÷ 16 = 1.5rem */
}

.content-component .feature-card__list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.content-component .feature-card__item {
    font-size: 0.9375rem; /* 15px ÷ 16 = 0.9375rem */
    color: #5F636C;
    line-height: 1.8;
    margin-bottom: 0.625rem; /* 10px ÷ 16 = 0.625rem */
    position: relative;
    padding-left: 1rem; /* 16px ÷ 16 = 1rem */
}

.content-component .feature-card__item:last-child {
    margin-bottom: 0;
}

.content-component .feature-card__item::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #1A2233;
    font-weight: bold;
}

.content-component .feature-card__image {
    width: 100%;
    border-radius: 0.5rem; /* 8px ÷ 16 = 0.5rem */
    overflow: hidden;
    margin-top: auto;
}

.content-component .feature-card__image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* ==================== 新闻动态页面样式 ==================== */

/* Banner区域 - 使用通用banner结构 */
.content-component .news-banner-section {
    width: 100%;
}

.content-component .news-banner-section .banner-swiper {
    height: 33.75rem;
}

.content-component .news-banner-section .banner-content {
    max-width: 75rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.content-component .news-banner-section .banner-text {
    flex: 0 0 45%;
    color: #fff;
}

.content-component .news-banner-section .banner-title {
    font-size: 3rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}

.content-component .news-banner-section .banner-desc {
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.8;
    margin-bottom: 2rem;
    max-width: 30rem;
    word-wrap: break-word;
    white-space: normal;
}

.content-component .news-banner-section .banner-buttons {
    display: flex;
    gap: 1.25rem;
}

.content-component .news-banner-section .banner-image {
    flex: 0 0 50%;
    display: flex;
    justify-content: flex-end;
}

.content-component .news-banner-section .banner-image img {
    max-width: 100%;
    height: auto;
}

/* 新闻列表区域 */
.content-component .news-section {
    padding: 5rem 0;
    background: #fff;
}

.content-component .news-container {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 2rem;
    display: grid;
    grid-template-columns: 1fr 18.75rem;
    gap: 2.5rem;
}

/* 左侧新闻列表 */
.content-component .news-list {
    width: 100%;
}

/* Tab切换 */
.content-component .news-tabs {
    display: flex;
    gap: 0;
    margin-bottom: 1rem;
    border-bottom: 0.125rem solid #E9E9E9;
}

.content-component .news-tab {
    padding: 1rem 0;
    margin: 0 2rem;
    font-size: 1.125rem;
    color: #1A2233;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}

.content-component .news-tab:first-child {
    margin-left: 0;
}

.content-component .news-tab-icon {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
}

.content-component .news-tab:hover {
    color: #0062FF;
}

.content-component .news-tab-active {
    color: #0062FF;
    font-weight: 600;
}

.content-component .news-tab-active::after {
    content: '';
    position: absolute;
    bottom: -0.125rem;
    left: 0;
    right: 0;
    height: 0.125rem;
    background: #0062FF;
}

/* 新闻卡片 */
.content-component .news-cards {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.content-component .news-card {
    display: flex;
    gap: 1.5rem;
    background: #fff;
    padding: 1.5rem 0;
    border-bottom: 0.0625rem solid rgba(26, 34, 51, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
}

.content-component .news-card:hover {
    /* 移除背景色变化 */
}

.content-component .news-card:hover .news-card-title {
    color: #0062FF;
}

.content-component .news-card-image {
    flex: 0 0 13.75rem;
    height: 8.75rem;
    overflow: hidden;
    border-radius: 0.75rem;
}

.content-component .news-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.content-component .news-card:hover .news-card-image img {
    transform: scale(1.05);
}

.content-component .news-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.content-component .news-card-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1A2233;
    margin-bottom: 0.75rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    
}

.content-component .news-card-desc {
    font-size: 0.875rem;
    color: rgba(26, 34, 51, 0.8);
    margin-bottom: 1rem;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.content-component .news-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-component .news-card-tags {
    display: flex;
    gap: 0.5rem;
}

.content-component .news-tag {
    padding: 0.25rem 0.75rem;
    height: 1.25rem;
    font-size: 0.75rem;
    color: #0062FF;
    background: rgba(0, 98, 255, 0.1);
    border: 0.0625rem solid #0062FF;
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
}

.content-component .news-card-date {
    font-size: 0.75rem;
    color: #8C9199;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.content-component .news-card-date::before {
    content: '';
    width: 0.875rem;
    height: 0.875rem;
    background: url('../image/News/time_icon.png') no-repeat center;
    background-size: contain;
}

/* 右侧侧边栏 */
.content-component .news-sidebar {
    width: 100%;
}

.content-component .sidebar-widget {
    border-radius: 0.75rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.content-component .sidebar-widget:first-child {
    background: #EFF5FF;
}

.content-component .sidebar-widget:last-child {
    background: #FFFAED;
}

.content-component .sidebar-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.content-component .sidebar-title::before {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.content-component .sidebar-widget:first-child .sidebar-title::before {
    background-image: url('../image/News/tag_icon.png');
}

.content-component .sidebar-widget:last-child .sidebar-title::before {
    background-image: url('../image/News/hot_icon.png');
}

/* 热门标签 */
.content-component .sidebar-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
    background: #fff;
    padding: 1rem 0.75rem;
    border-radius: 0.75rem;
}

.content-component .sidebar-tag {
    width: calc(50% - 0.3125rem);
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    color: #1A2233;
    background: #fff;
    border: 0.0625rem solid rgba(26, 34, 51, 0.1);
    border-radius: 0.25rem;
    text-decoration: none;
    transition: all 0.3s ease;
    text-align: center;
}

.content-component .sidebar-tag:hover {
    color: #0062FF;
    border-color: #0062FF;
}

/* 热门文章 */
.content-component .sidebar-articles {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: #fff;
    border-radius: 0.75rem;
    padding: 1rem;
}

.content-component .sidebar-article {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    text-decoration: none;
    margin-bottom: 1.25rem;
    transition: all 0.3s ease;
}

.content-component .sidebar-article:last-child {
    margin-bottom: 0;
}

.content-component .sidebar-article:hover {
    transform: translateX(0.25rem);
}

.content-component .sidebar-article .article-title {
    font-size: 0.875rem;
    color: #333;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    order: 1;
}

.content-component .sidebar-article .article-date {
    font-size: 0.75rem;
    color: #999;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    order: 2;
}

.content-component .sidebar-article .article-date::before {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    background: url('../image/News/time_icon.png') no-repeat center;
    background-size: contain;
    flex-shrink: 0;
}

.content-component .sidebar-article:hover .article-title {
    color: #0062FF;
}

/* 分页组件 */
.content-component .news-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    margin-top: 3rem;
}

.content-component .pagination-arrow,
.content-component .pagination-num {
    min-width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1rem;
    color: #666;
}

.content-component .pagination-arrow {
    color: #999;
}

.content-component .pagination-arrow:hover:not(:disabled) {
    color: #0062FF;
}

.content-component .pagination-arrow:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.content-component .pagination-num {
    color: #666;
}

.content-component .pagination-num:hover {
    color: #0062FF;
}

.content-component .pagination-active {
    background: #E8F2FF;
    color: #0062FF;
}

.content-component .pagination-dots {
    padding: 0 0.5rem;
    color: #999;
}

/* 新闻页面Banner按钮特殊样式 */
.content-component .news-banner-section .banner-buttons .btn-primary {
    background: #fff;
    color: #0062FF;
    border: none;
}

.content-component .news-banner-section .banner-buttons .btn-primary:hover {
    background: #f5f5f5;
    color: #0062FF;
}

.content-component .news-banner-section .banner-buttons .btn-secondary {
    background: transparent;
    color: #fff;
    border: 0.0625rem solid #fff;
}

.content-component .news-banner-section .banner-buttons .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border-color: #fff;
}


/*2026-3-3添加*/
/*小标题文字突显*/
.global_subtitle{
	color:#0062FF;
	}
.global_subtitle2{
	font-size:1.1rem;
	/*color:#0062FF;*/
	font-weight:bold;
	}

.join-title{ line-height: 30px; }
.join-input{display: flex; align-items: center; margin-top: 25px; border-radius: 0.375rem;}
.join-input input{flex: 1; display: block; padding: 0 15px; width: 85%;  line-height: 40px; border: 1px solid #666666; border-radius: 0.375rem;}
.join-input label{width: 120px; padding-right: 20px; }
.join-input button{display: inline-block; margin-left: 10px; width: 160px; padding: 0 5px; line-height: 40px; background-color:#333;color: #fff; border: 1px solid var(--default);cursor: pointer; border-radius: 0.375rem;}
.join-input textarea{flex: 1; display: block; padding: 15px; width: 85%; outline: none; border: 1px solid #666666; border-radius: 0.375rem;}

.join-button {margin-top: 25px; text-align: center;}

.join-button button:last-child{background-color: #333; border-color: #333;}


/* ==================== 全宽特色板块样式 ==================== */
/* 用于展示左右布局的全宽特色功能板块 */
.content-component .full-width-section {
    width: 100%;
    padding: 2.5rem 0;
    background-color: #fff;
}

.content-component .full-width-container {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1.25rem;
}

.content-component .full-width-card {
    display: flex;
    align-items: center;
    gap: 3.75rem;
    padding: 2.5rem 1.5rem;
    border-radius: 1.25rem;
    margin-bottom: 2.5rem;
}

.content-component .full-width-card:last-child {
    margin-bottom: 0;
}

.content-component .full-width-card--left {
    flex-direction: row;
}

.content-component .full-width-card--right {
    flex-direction: row-reverse;
}

/* 带图片的卡片，使用奇偶数控制左右布局 */
.content-component .full-width-card--image:nth-child(2) {
    flex-direction: row-reverse;
}

.content-component .full-width-card--image:nth-child(4) {
    flex-direction: row;
}

.content-component .full-width-card__content {
    flex: 1;
}

.content-component .full-width-card__image {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-component .full-width-card__image img {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem;
}


/* 两列文字布局 */
.content-component .full-width-card--two-columns {
    display: flex;
    gap: 1.875rem;
    padding: 0;
    background: transparent;
}

.content-component .full-width-card--two-columns .full-width-card__content {
    flex: 1;
    padding: 2.5rem 1.5rem;
    border-radius: 1.25rem;
}


/* 三个板块一行显示样式 */
.three-sections-row {
    display: flex;
    gap: 2.5rem; /* 40px */
    margin: 2rem 0;
}

.section-third {
    width: calc(33.33% - 1.67rem); /* 每个占33.33%，减去间隔的影响 */
    border: 1px solid #1A2233;
    border-radius: 0.9375rem; /* 15px */
    padding: 1.25rem; /* 20px */
    box-sizing: border-box;
}

.section-third .content-block {
    flex-direction: column !important;
    justify-content: baseline;
    text-align: center;
    height: 100%;
    display: flex;
    margin: 0;
    padding: 0;
    gap: 0;
}

.section-third__image {
    margin-bottom: 1.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.section-third__image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.section-third .content-block__text {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.section-third .content-block__title {
    font-size: 1.5rem; /* 24px */
    color: #1A2233;
    margin-bottom: 1rem;
    line-height: 1.4;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-third .content-block__title img {
    width: 1.5rem; /* 24px */
    height: 1.5rem; /* 24px */
    flex-shrink: 0;
}

.section-third .content-block__list {
    text-align: left;
    margin-bottom: 0;
    flex: 1;
}

.section-third .content-block__item {
    font-size: 1rem; /* 16px */
    color: #1A2233;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}



/* 响应式设计 */
@media (max-width: 1024px) {
    .three-sections-row {
        flex-direction: column;
        gap: 1.5rem;
    }
    
    .section-third {
        width: 100%;
    }
    
    .section-third .content-block {
        flex-direction: row !important;
        text-align: left;
        height: auto;
    }
    
    .section-third__image {
        width: 20rem;
        margin-right: 2rem;
        margin-bottom: 0;
        flex-shrink: 0;
    }
    
    .section-third .content-block__text {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .section-third .content-block {
        flex-direction: column !important;
        text-align: center;
    }
    
    .section-third__image {
        width: 100%;
        margin-right: 0;
    }

}