/* Section 1: 建设企业级AI知识库的关键挑战 */
/* 设计稿规范: 1440px宽度, 内容区1280px, 边距80px */
.section-1.ai-intro-section {
    width: 100%;
    max-width: none;
    /* padding: 120px 80px; */
    background: #fff;
    text-align: center;
    box-sizing: border-box;
}


/* Section1 卡片容器 */
.section-1.ai-intro-section .section1-cards {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.section-1.ai-intro-section .card-container.section1-row {
    display: flex;
    justify-content: center;
    gap: 24px;
    width: 100%;
}

/* Section1 卡片样式 */
.section-1.ai-intro-section .section1-card {
    flex: 1;
    position: relative;
    background: linear-gradient(180deg, #FFFFFF 0%, #EEF2FA 100%);
    border-radius: 24px;
    padding: 32px 32px 40px;
    text-align: left;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 19.5px;
    min-height: 236.5px;
    box-sizing: border-box;
    overflow: hidden;
}

/* 蓝色模糊光斑装饰 */
.section-1.ai-intro-section .section1-card::before {
    content: '';
    position: absolute;
    width: 489px;
    height: 332px;
    bottom: -200px;
    left: 50%;
    transform: translateX(-50%) rotate(-153deg);
    background: #7096FE;
    border-radius: 9999px;
    opacity: 0.4;
    filter: blur(200px);
    pointer-events: none;
    z-index: 0;
}

.section-1.ai-intro-section .section1-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* 图标容器 */
.section-1.ai-intro-section .section1-card-icon {
    position: relative;
    z-index: 1;
    width: 48px;
    height: 48px;
}

.section-1.ai-intro-section .section1-card-icon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

/* 卡片标题 */
.section-1.ai-intro-section .section1-card-title {
    position: relative;
    z-index: 1;
    font-size: 24px;
    font-weight: 600;
    color: #101C2F;
    line-height: 29px;
}

/* 卡片描述 */
.section-1.ai-intro-section .section1-card-desc {
    position: relative;
    z-index: 1;
    font-size: 16px;
    font-weight: 400;
    color: #101C2F;
    line-height: 28px;
    margin-top: -7.5px; /* 调整间距: 19.5 - 12 = 7.5 */
}

/* 响应式适配 */
@media (max-width: 1320px) {
    .section-1.ai-intro-section {
        padding: 120px 40px;
    }
    
    .section-1.ai-intro-section .section1-cards {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .section-1.ai-intro-section .card-container.section1-row {
        flex-wrap: wrap;
    }
    
    .section-1.ai-intro-section .section1-card {
        flex: 1 1 calc(50% - 12px);
        min-width: calc(50% - 12px);
    }
    
    .section-1.ai-intro-section .section-title {
        font-size: 36px;
    }
    
    .section-1.ai-intro-section .section-desc {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 768px) {
    .section-1.ai-intro-section {
        padding: 80px 20px;
    }
    
    .section-1.ai-intro-section .card-container.section1-row {
        flex-direction: column;
    }
    
    .section-1.ai-intro-section .section1-card {
        flex: 1 1 100%;
        min-width: 100%;
    }
    
    .section-1.ai-intro-section .section-title {
        font-size: 28px;
    }
    
    .section-1.ai-intro-section .section-desc {
        font-size: 16px;
        line-height: 24px;
    }
    
    .section-1.ai-intro-section .section1-card-title {
        font-size: 20px;
    }
    
    .section-1.ai-intro-section .section1-card-desc {
        font-size: 14px;
        line-height: 24px;
    }
}

/* ========== Section 2: Filez AI 生产力解决方案 ========== */
/* 设计稿规范: 1440px宽度, 内容区1280px, 边距80px */
.section-2.ai-intro-section {
    width: 100%;
    max-width: none;
    /* padding: 0 80px 60px; */
    background: #FFFFFF;
    box-sizing: border-box;
}


.section-2.ai-intro-section .section-content {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* 图片样式 - 简化版 */
.section-2.ai-intro-section .section-content img {
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    display: block;
}

/* Row 1: Tab cards row */
.section-2.ai-intro-section .row-1 {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 0;
}

.section-2.ai-intro-section .row-1 .card {
    height: 52px;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 12px;
    /* 渐变边框实现 */
    background: 
        linear-gradient(rgba(235, 251, 255, 0.8), rgba(235, 251, 255, 0.8)) padding-box,
        linear-gradient(297deg, #7CC4FF 0%, #3BD9A2 48%, #747BFD 100%) border-box;
    border: 1.5px solid transparent;
    box-shadow: 0px 10px 30px 0px rgba(38, 102, 181, 0.08);
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.section-2.ai-intro-section .row-1 .card:hover {
    transform: translateY(-2px);
    box-shadow: 0px 10px 30px 0px rgba(38, 102, 181, 0.15), 0px 0px 6px 1px rgba(10, 127, 223, 0.44);
}

.section-2.ai-intro-section .row-1 .card span {
    
    font-size: 16px;
    font-weight: 500;
    color: #101C2F;
    line-height: 20px;
    white-space: nowrap;
}

/* Row 2: Main flow diagram (image-based) */
.section-2.ai-intro-section .row-2 {
    width: 100%;
    padding: 32px 0 20px;
    box-sizing: border-box;
}

.section-2.ai-intro-section .row-2 img {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: block;
}

/* Row 3: Phase labels */
.section-2.ai-intro-section .row-3 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 79px;
    padding: 0 20px 32px;
    box-sizing: border-box;
}

.section-2.ai-intro-section .s2-phase {
    flex: 1;
    
    font-size: 18px;
    font-weight: 500;
    color: #101C2F;
    line-height: 28px;
    text-align: center;
}

/* Row 4: Logo bar */
.section-2.ai-intro-section .row-4 {
    width: 100%;
    height: 60px;
    border-radius: 12px;
    /* 渐变边框实现 */
    background: 
        linear-gradient(rgba(235, 251, 255, 0.8), rgba(235, 251, 255, 0.8)) padding-box,
        linear-gradient(297deg, #7CC4FF 0%, #3BD9A2 48%, #747BFD 100%) border-box;
    border: 1.5px solid transparent;
    box-shadow: 0px 10px 30px 0px rgba(38, 102, 181, 0.08);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.section-2.ai-intro-section .s2-logo {
    height: 24px;
    width: auto;
}

/* 英文版适配 */
#en .section-2.ai-intro-section .row-1 .card {
    padding: 16px 12px;
}

#en .section-2.ai-intro-section .row-1 .card span {
    font-size: 14px;
    text-align: center;
}

#en .section-2.ai-intro-section .s2-phase {
    font-size: 16px;
}

/* 响应式适配 */
@media (max-width: 1440px) {
    .section-2.ai-intro-section {
        padding: 0 40px 60px;
    }
}

@media (max-width: 1320px) {
    .section-2.ai-intro-section .section-content {
        width: 100%;
        padding: 0;
    }
    
    .section-2.ai-intro-section .row-1 {
        flex-wrap: wrap;
    }
}

@media (max-width: 1024px) {
    .section-2.ai-intro-section .section-title {
        font-size: 36px;
    }
    
    .section-2.ai-intro-section .section-desc {
        font-size: 18px;
        line-height: 28px;
    }
    
    .section-2.ai-intro-section .row-3 {
        flex-direction: column;
        gap: 16px;
    }
    
    .section-2.ai-intro-section .s2-phase {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .section-2.ai-intro-section {
        padding: 0 20px 40px;
    }
    
    .section-2.ai-intro-section .section-title {
        font-size: 28px;
    }
    
    .section-2.ai-intro-section .section-desc {
        font-size: 16px;
        line-height: 24px;
    }
    
    .section-2.ai-intro-section .row-1 .card {
        padding: 12px;
        height: auto;
    }
    
    .section-2.ai-intro-section .row-1 .card span {
        font-size: 14px;
    }
    
    .section-2.ai-intro-section .s2-phase {
        font-size: 14px;
        line-height: 22px;
    }
    
    .section-2.ai-intro-section .row-4 {
        height: 50px;
    }
    
    .section-2.ai-intro-section .s2-logo {
        height: 20px;
    }
}

/* ========== Section 3: 文档深度解析与知识萃取 ========== */
.section-3.ai-intro-section {
    width: 100%;
    max-width: none;
    /* padding: 60px 0 120px; */
    /* background: linear-gradient(180deg, #FFFFFF 0%, #F5F8FF 100%); */
}


.section-3.ai-intro-section .section-desc {
    text-align: center;
   
}

/* Section3 内容区 - 直接渲染图片 */
.section-3.ai-intro-section .section-content {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.section-3.ai-intro-section .section-content img {
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    display: block;
}

.section3-wrapper {
    width: 1280px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

/* 流程步骤 - 使用背景图片 */
.section3-steps {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    margin-bottom: 24px;
    height: 60px;
}

.step-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 280px;
    height: 60px;
    padding: 0 32px 0 40px;
    margin-left: -10px;
    background: url('/product/images/ai/2.0/section3-item--bg.png') no-repeat center center;
    background-size: 100% 100%;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.step-item:first-child {
    margin-left: 0;
}

.step-item:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

.step-item img {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.step-item span {
    
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 28px;
    white-space: nowrap;
}

.step-arrow {
    display: none;
}

/* 内容图片 */
.section3-content {
    margin-bottom: 24px;
}

.section3-content img {
    width: 100%;
    display: block;
}

/* 底部统计 */
.section3-stats {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.stat-item {
    flex: 1;
    position: relative;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1.5px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(316deg, #7CC4FF -1%, #3BD9A2 48%, #747BFD 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 16px;
    min-height: 106px;
    box-sizing: border-box;
    box-shadow: 0 0 6px 1px rgba(10, 127, 223, 0.44), 0 10px 30px 0 rgba(38, 102, 181, 0.08);
    overflow: hidden;
}

.stat-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(ellipse 195px 79px at 20% 50%, rgba(99, 163, 231, 0.2) 0%, transparent 70%),
        radial-gradient(ellipse 164px 79px at 80% 50%, rgba(177, 149, 219, 0.2) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.stat-item .stat-label {
    position: relative;
    z-index: 1;
    
    font-size: 18px;
    font-weight: 500;
    color: #101C2F;
    line-height: 28px;
    margin-bottom: 17px;
}

.stat-item .stat-value {
    position: relative;
    z-index: 1;
    
    font-size: 24px;
    font-weight: 700;
    color: #101C2F;
    line-height: 1;
}

/* 响应式适配 */
@media (max-width: 1320px) {
    .section3-wrapper {
        width: 100%;
        padding: 0 20px;
    }
    
    .step-item {
        min-width: 240px;
    }
}

@media (max-width: 1024px) {
    .section3-stats {
        flex-wrap: wrap;
    }
    
    .section3-stats .stat-item {
        flex: 1 1 calc(50% - 12px);
        min-width: calc(50% - 12px);
    }
    
    .section3-steps {
        flex-wrap: wrap;
        gap: 12px;
        height: auto;
    }
    
    .step-item {
        min-width: calc(50% - 6px);
        margin-left: 0;
    }
    
    .section-3.ai-intro-section .section-title {
        font-size: 36px;
    }
    
    .section-3.ai-intro-section .section-desc {
        font-size: 18px;
        line-height: 28px;
    }
}

@media (max-width: 768px) {
    .section3-stats {
        flex-direction: column;
    }
    
    .section3-stats .stat-item {
        flex: 1 1 100%;
        min-width: 100%;
    }
    
    .section-3.ai-intro-section .section-title {
        font-size: 28px;
    }
    
    .section-3.ai-intro-section .section-desc {
        font-size: 16px;
        line-height: 24px;
    }
    
    .step-item {
        min-width: 100%;
    }
    
    .step-item span {
        font-size: 16px;
    }
}

/* ========== Section 4: 专业级AI文档智能体 ========== */
.section-4.ai-intro-section {
    width: 100%;
    max-width: none;
    /* padding: 16px; */
    background: transparent;
    box-sizing: border-box;
    overflow-x: hidden;
}

.section-4 .section-bg-wrap {
    height: 80%;
}

/* 隐藏框架自动生成的标题和描述，使用主内容区内的 */
.section-4.ai-intro-section > .section-title,
.section-4.ai-intro-section > .section-desc {
    display: none;
}

/* 外层容器 */
.section4-outer {
    width: 100%;
    max-width: 1408px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* 主内容区：渐变背景+圆角 */
.section4-main {
    position: relative;
    width: 100%;
    padding: 0px 80px 80px;
    box-sizing: border-box;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 40px; */
    /* 渐变背景 */
    /* background: url('/product/images/ai/2.0/section4-bg.png') no-repeat center center; */
    background-size: cover;
}

/* 标题区域 */
.section4-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 20px; */
    width: 100%;
    max-width: 1200px;
}


/* 内容大图 */
.section4-content {
    width: 100%;
    max-width: 1200px;
    border-radius: 16px;
    overflow: hidden;
}

.section4-content img {
    width: 100%;
    display: block;
}

/* 底部三卡片容器 - 磨砂玻璃效果 */
.section4-cards {
    display: flex;
    justify-content: space-between;
    gap: 80px;
    padding: 48px;
    background: rgba(238, 242, 250, 0.8);
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
    border-radius: 24px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1280px;
    margin: -200px auto 0;
    position: relative;
    z-index: 10;
}

/* 单个卡片 */
.section4-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* 顶部分割线 */
.section4-card-divider {
    width: 100%;
    height: 1px;
    background: #000000;
}

/* 卡片图标 */
.section4-card-icon {
    width: 32px;
    height: 32px;
}

.section4-card-icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* 卡片内容区 */
.section4-card-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* 卡片标题 */
.section4-card-title {
    
    font-size: 24px;
    font-weight: 600;
    color: #101C2F;
    line-height: 29px;
}

/* 卡片描述 */
.section4-card-desc {
    
    font-size: 16px;
    font-weight: 400;
    color: #101C2F;
    line-height: 28px;
}

/* 响应式适配 */
@media (max-width: 1440px) {
    .section4-outer {
        max-width: 100%;
        margin: 0 16px;
    }
    
    .section4-main {
        padding: 80px 60px 100px;
    }
    
    .section4-cards {
        /* margin: -80px auto 0; */
        max-width: calc(100% - 32px);
    }
}

@media (max-width: 1024px) {
    .section-4.ai-intro-section .section4-main .section-title {
        font-size: 36px;
    }
    
    .section-4.ai-intro-section .section4-main .section-desc {
        font-size: 18px;
        line-height: 28px;
    }
    
    .section4-main {
        padding: 60px 40px 80px;
    }
    
    .section4-cards {
        flex-wrap: wrap;
        gap: 32px;
        padding: 32px;
        margin: -60px auto 0;
    }
    
    .section4-card {
        flex: 1 1 calc(50% - 16px);
        min-width: calc(50% - 16px);
    }
    
    .section4-card:last-child {
        flex: 1 1 100%;
        min-width: 100%;
    }
    
    .section4-card-title {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .section-4.ai-intro-section {
        padding: 12px;
    }
    
    .section-4.ai-intro-section .section4-main .section-title {
        font-size: 28px;
    }
    
    .section-4.ai-intro-section .section4-main .section-desc {
        font-size: 16px;
        line-height: 24px;
    }
    
    .section4-main {
        padding: 40px 20px 60px;
        gap: 24px;
    }
    
    .section4-cards {
        flex-direction: column;
        gap: 32px;
        padding: 24px;
        margin: -40px auto 0;
    }
    
    .section4-card {
        flex: 1 1 100%;
        min-width: 100%;
    }
    
    .section4-card-title {
        font-size: 18px;
        line-height: 24px;
    }
    
    .section4-card-desc {
        font-size: 14px;
        line-height: 24px;
    }
}

/* ========== Section 5: 专属化业务智能体 ========== */
.section-6.ai-intro-section {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

/* 业务 AI 智能体锚点滚动偏移，避免被顶部导航遮挡 */
#business-ai-agent {
    scroll-margin-top: 120px;
}

@media (max-width: 768px) {
    #business-ai-agent {
        scroll-margin-top: 80px;
    }
}

.section-6.ai-intro-section .section-title {
    text-align: left;
}

.section-6.ai-intro-section .section-desc {
    text-align: left;
}

/* Section5 Wrapper */
.section5-wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

/* 卡片容器 */
.section5-cards {
    display: flex;
    gap: 24px;
    width: 100%;
}

/* 单个卡片 */
.section5-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: -24px;
    border-radius: 24px;
    overflow: hidden;
}

/* 图片展示区 */
.section5-card-image {
    position: relative;
    width: 100%;
    height: 420px;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
}

/* 紫色主题 */
.section5-card[data-theme="purple"] .section5-card-image {
    background: linear-gradient(162deg, rgba(58, 124, 245, 0.8) 16%, rgba(166, 138, 229, 0.8) 89%), #FFFFFF;
}

/* 青色主题 */
.section5-card[data-theme="cyan"] .section5-card-image {
    background: linear-gradient(162deg, rgba(58, 124, 245, 0.8) 16%, rgba(138, 229, 214, 0.8) 89%), #FFFFFF;
}

/* 背景装饰 */
.section5-bg-decoration {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

.section5-star {
    position: absolute;
    border-radius: 50%;
    filter: blur(88px);
    opacity: 0.8;
}

.section5-star-1 {
    width: 400px;
    height: 350px;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    background: rgba(43, 68, 231, 0.55);
}

.section5-star-2 {
    width: 300px;
    height: 320px;
    top: 60%;
    left: -10%;
    transform: translateY(-50%);
    background: #ACDFFD;
}

/* 内容图片 */
.section5-content-img {
    position: relative;
    z-index: 2;
    width: 100%;
    /* max-width: 600px; */
    height: auto;
    margin-top: 0;
    object-fit: contain;
    border-radius: 16px;
}

/* 信息区 */
.section5-card-info {
    position: relative;
    z-index: 10;
    background: linear-gradient(0deg, #EEF2FA, #EEF2FA), linear-gradient(0deg, rgba(16, 28, 47, 0.06), rgba(16, 28, 47, 0.06)), #FFFFFF;
    border: 1px solid rgba(16, 28, 47, 0.06);
    border-radius: 24px;
    padding: 40px;
    margin-top: -48px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    /* max-width: 600px; */
    box-sizing: border-box;
}

/* 信息头部 */
.section5-info-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* 图标 */
.section5-info-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.section5-icon-img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

/* 标题 */
.section5-info-title {
    
    font-size: 24px;
    font-weight: 600;
    color: #101C2F;
    line-height: 1.2;
}

/* 描述 */
.section5-info-desc {
    
    font-size: 16px;
    font-weight: 400;
    color: #101C2F;
    line-height: 28px;
}

/* 响应式适配 */
@media (max-width: 1320px) {
    .section-6.ai-intro-section {
        padding: 120px 40px 0;
    }
    
    .section5-wrapper {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .section-6.ai-intro-section .section-title {
        font-size: 36px;
    }
    
    .section-6.ai-intro-section .section-desc {
        font-size: 18px;
        line-height: 28px;
    }
    
    .section5-cards {
        flex-direction: column;
    }
    
    .section5-card-image {
        height: 360px;
    }
    
    .section5-info-title {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .section-6.ai-intro-section {
        padding: 80px 20px 0;
    }
    
    .section-6.ai-intro-section .section-title {
        font-size: 28px;
    }
    
    .section-6.ai-intro-section .section-desc {
        font-size: 16px;
        line-height: 24px;
    }
    
    .section5-card-image {
        height: 300px;
    }
    
    .section5-card-info {
        padding: 24px;
    }
    
    .section5-info-title {
        font-size: 18px;
    }
    
    .section5-info-desc {
        font-size: 14px;
        line-height: 24px;
    }
}

/* ========== Section 6 (Section5 in index.html): 可信赖AI安全围栏 ========== */
/* 设计稿规范: 1440px宽度, 内容区1280px, 边距80px */
.section-5.ai-intro-section {
    width: 100%;
    max-width: none;
    /* padding: 120px 80px 0; */
    background: #FFFFFF;
    box-sizing: border-box;
}

/* Section6 标题和描述左对齐 */
.section-5.ai-intro-section .section-title {
    text-align: left;
}

.section-5.ai-intro-section .section-desc {
    text-align: left;
}

/* Section6 Wrapper */
.section6-wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* 标题区域 */
.section6-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    max-width: 1000px;
}

.section6-title {
    
    font-size: 48px;
    font-weight: 600;
    color: #101C2F;
    line-height: 1.2;
    margin: 0;
    text-align: left;
}

.section6-desc {
    
    font-size: 24px;
    font-weight: 400;
    color: #101C2F;
    line-height: 40px;
    margin: 0;
    text-align: left;
}

/* 卡片内容区 */
.section6-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

/* 行容器 */
.section6-row {
    display: flex;
    gap: 12px;
    width: 100%;
}

/* 通用卡片样式 */
.section6-card {
    border-radius: 12px;
    /* border: 1px solid rgba(0, 0, 0, 0.04); */
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.section6-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* 背景渐变1: 彩色渐变 (#C3F7DE → #B5E8FF → #E2D1FF → #99CCFF) */
.section6-bg-gradient1 {
    background: linear-gradient(0deg, #99CCFF, #99CCFF), linear-gradient(0deg, #B5E8FF, #B5E8FF), linear-gradient(0deg, #C3F7DE, #C3F7DE), #E2D1FF;
}

/* 背景渐变2: 青色渐变 (#99E4D8 → #D0F4F4) */
.section6-bg-gradient2 {
    background: linear-gradient(0deg, #99E4D8, #99E4D8), #D0F4F4;
}

/* 背景紫色 */
.section6-bg-purple {
    background: #CBB5FD;
}

/* Row 1: 头部分类卡片 */
.section6-row-1 {
    display: flex;
    gap: 12px;
}

.section6-card-header {
    flex: 1;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
}

.section6-card-header span {
    
    font-size: 20px;
    font-weight: 500;
    color: #101C2F;
    line-height: 32px;
}

/* Row 2 & Row 3: 特性卡片 */
.section6-card-feature {
    flex: 1;
    min-height: 134px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.section6-card-label {
    
    font-size: 20px;
    font-weight: 500;
    color: #101C2F;
    line-height: 32px;
    display: block;
    white-space: pre-line;
}

.section6-card-label-sub {
    
    font-size: 20px;
    font-weight: 500;
    color: #101C2F;
    line-height: 32px;
    display: block;
}

.section6-card-value {
    
    font-size: 32px;
    font-weight: 600;
    color: #101C2F;
    line-height: 1;
    margin-top: auto;
}

/* Row 4: Logo底栏 */
.section6-row-4 {
    width: 100%;
}

.section6-footer-bar {
    width: 100%;
    height: 64px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid transparent;
    background-image: 
        linear-gradient(#FFFFFF, #FFFFFF),
        linear-gradient(90deg, #3A7CF5 0%, #3C8EF3 34%, #A68AE5 64%, #DD5961 100%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 
        0px 2px 4px 0px rgba(12, 18, 55, 0.02),
        0px 10px 8px 0px rgba(12, 18, 55, 0.03),
        0px 40px 32px 0px rgba(12, 18, 55, 0.05);
}

.section6-logo-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.section6-logo {
    height: 24px;
    width: auto;
}

.section6-ai-badge {
    
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(330deg, #3BD9A2 -15%, #5AB5FF 20%, #747BFD 72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 响应式适配 */
@media (max-width: 1320px) {
    .section-5.ai-intro-section {
        padding: 120px 40px 0;
    }
    
    .section6-wrapper {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .section6-title {
        font-size: 36px;
    }
    
    .section6-desc {
        font-size: 18px;
        line-height: 28px;
    }
    
    .section6-row-2,
    .section6-row-3 {
        flex-wrap: wrap;
    }
    
    .section6-row-2 .section6-card-feature {
        flex: 1 1 calc(50% - 6px);
        min-width: calc(50% - 6px);
    }
    
    .section6-row-3 .section6-card-feature {
        flex: 1 1 100%;
        min-width: 100%;
    }
    
    .section6-card-label,
    .section6-card-label-sub {
        font-size: 18px;
    }
    
    .section6-card-value {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .section-5.ai-intro-section {
        padding: 80px 20px 0;
    }
    
    .section6-title {
        font-size: 28px;
    }
    
    .section6-desc {
        font-size: 16px;
        line-height: 24px;
    }
    
    .section6-row-1 {
        flex-direction: column;
    }
    
    .section6-card-header {
        width: 100%;
    }
    
    .section6-row-2 .section6-card-feature,
    .section6-row-3 .section6-card-feature {
        flex: 1 1 100%;
        min-width: 100%;
    }
    
    .section6-card-header span {
        font-size: 16px;
    }
    
    .section6-card-label,
    .section6-card-label-sub {
        font-size: 16px;
        line-height: 28px;
    }
    
    .section6-card-value {
        font-size: 24px;
    }
    
    .section6-footer-bar {
        height: 56px;
    }
    
    .section6-logo {
        height: 20px;
    }
    
    .section6-ai-badge {
        font-size: 20px;
    }
}

/* ========== Section 7: AI 加速业务价值跃升 ========== */
.section-7 .section-title {
    text-align: left;
}

.section-7 .section-desc {
    text-align: left;
}

/* ========== Section 8: 客户案例 ========== */
.section-5.section .section-title {
    text-align: left;
}

.section-5.section .section-desc {
    text-align: left;
}