/*
 * oa.fanpusoft.com 浅蓝色系覆盖样式
 * 基于 bjmantis.com 暗色主题 → 浅蓝/白色系改造
 * 覆盖文件：mantis-lightblue.css（在原CSS之后加载）
 */

/* ============================================================
   1. 全局配色覆盖：暗色 → 浅蓝
   ============================================================ */

/* 页面主体背景 */
body {
    background-color: #f5f8fc !important;
    color: #2c3e50 !important;
}

/* 头部 masthead - 白底浅蓝顶栏 */
#masthead,
header#masthead {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e8eef5 !important;
}

#masthead .menu-main-container a,
#masthead nav a,
header#masthead .menu-item a {
    color: #2c3e50 !important;
}
#masthead .menu-item a:hover {
    color: #2196F3 !important;
}

/* Logo区域 */
#branding {
    background-image: none !important;
}
#branding .site-title,
#branding .site-title a {
    color: #1565C0 !important;
}

/* 导航激活态 */
#masthead .current-menu-item > a,
#masthead .current_page_item > a {
    color: #2196F3 !important;
    border-bottom-color: #2196F3 !important;
}

/* 免费试用按钮 - 蓝色 */
.freeTrial_btn a,
.mantis-lead-btn,
a.wp-block-button__link {
    background-color: #2196F3 !important;
    color: #fff !important;
    border-radius: 6px !important;
    border: none !important;
}
.freeTrial_btn a:hover,
a.wp-block-button__link:hover {
    background-color: #1976D2 !important;
}

/* 电话号码高亮 */
.phone-num, .phone-ex a {
    color: #1565C0 !important;
}

/* ============================================================
   2. 巨幕 Hero 区域 - 浅蓝渐变
   ============================================================ */

/* Hero 容器 */
.hero-section,
.masthead-wrap,
.header-hero {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 40%, #90caf9 100%) !important;
    color: #0d47a1 !important;
}

.hero-section h1,
.hero-section h2,
.masthead-wrap h1,
.masthead-wrap h2,
.header-hero h1,
.header-hero h2 {
    color: #0d47a1 !important;
}

.hero-section p,
.masthead-wrap p,
.header-hero p {
    color: #1565C0 !important;
}

/* AI accent text (原来cyan) */
.ai_accent_text {
    color: #2196F3 !important;
}

/* ============================================================
   3. 产品场景 mega menu - 白底
   ============================================================ */

.product-mega-menu,
.mega-menu-content {
    background-color: #ffffff !important;
    border: 1px solid #e8eef5 !important;
    box-shadow: 0 4px 20px rgba(33,150,243,0.12) !important;
    border-radius: 8px !important;
}

.product-mega-menu h3,
.mega-menu-content h3 {
    color: #1565C0 !important;
}

.product-mega-menu a,
.mega-menu-content a {
    color: #455a64 !important;
}
.product-mega-menu a:hover,
.mega-menu-content a:hover {
    color: #2196F3 !important;
}

/* ============================================================
   4. 内容区通用 section - 白底/浅蓝交替
   ============================================================ */

.ai_industry_box,
.content-widget section,
.widget-container {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    padding: 30px !important;
    margin-bottom: 20px !important;
}

/* Section 标题 */
.section_title {
    color: #0d47a1 !important;
    font-weight: 700 !important;
}

/* 4.1 撤销白卡片对限时免费定制区块的误伤：
   #applyModule 自带蓝色渐变底，内部 section.widget-container
   若被白底+30px内边距+圆角命中，会出现"巨大空白卡片、白色标题隐形" */
#applyModule .widget-container,
#applyModule .content-widget section,
#applyModule section,
#applyModule aside {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    border: none !important;
}
#applyModule .wp-block-group,
#applyModule .wp-block-group__inner-container {
    background: transparent !important;
    padding: 0 !important;
}

/* ============================================================
   5. 助力行业区域 - 卡片网格布局（替换原图的核心样式）
   ============================================================ */

.industry_cards_grid {
    display: flex;
    gap: 24px;
    padding: 24px 0;
    align-items: stretch;
    flex-wrap: wrap;
    min-height: 320px;
    background: linear-gradient(135deg, #f8fbff 0%, #e8f4fd 100%);
    border-radius: 12px;
    border: 1px solid #d4e5f7;
}

/* ---- 左侧三列公域 ---- */
.ic_col_group {
    display: flex;
    gap: 16px;
    flex: 0 0 auto;
}
.ic_col {
    background: #fff;
    border: 1px solid #dce8f5;
    border-radius: 10px;
    padding: 16px;
    min-width: 130px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(33,150,243,0.06);
}
.ic_col_title {
    font-size: 14px;
    font-weight: 600;
    color: #1565C0;
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #bbdefb;
}
.ic_items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ic_item {
    display: block;
    padding: 8px 12px;
    background: #f0f7ff;
    border: 1px solid #cce0f5;
    border-radius: 6px;
    color: #37474f;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s;
}
.ic_item:hover {
    background: #2196F3;
    color: #fff;
    border-color: #2196F3;
    transform: translateY(-1px);
}

/* ---- 中间能力区 ---- */
.ic_center {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-width: 200px;
}

/* 能力按钮 */
.ic_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    border-radius: 25px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s;
    white-space: nowrap;
}
.ic_btn_primary {
    background: linear-gradient(135deg, #2196F3, #1976D2);
    color: #fff;
    box-shadow: 0 3px 12px rgba(33,150,243,0.35);
}
.ic_btn_primary:hover {
    box-shadow: 0 5px 18px rgba(33,150,243,0.5);
    transform: translateY(-2px);
}
.ic_btn_secondary {
    background: #fff;
    color: #2196F3;
    border: 2px solid #2196F3;
}
.ic_btn_secondary:hover {
    background: #2196F3;
    color: #fff;
}
.ic_btn_outline {
    background: transparent;
    color: #2196F3;
    border: 2px solid #90caf9;
}
.ic_btn_outline:hover {
    background: #e3f2fd;
    border-color: #2196F3;
}

/* Chatbot 卡片 */
.ic_chatbot {
    background: #fff;
    border: 2px solid #bbdefb;
    border-radius: 16px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 320px;
    box-shadow: 0 3px 12px rgba(33,150,243,0.08);
}
.ic_bot_avatar {
    font-size: 32px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e3f2fd;
    border-radius: 50%;
    flex-shrink: 0;
}
.ic_bot_bubble {
    font-size: 13px;
    color: #1565C0;
    font-weight: 500;
}
.ic_bot_label {
    font-size: 11px;
    color: #90a4ae;
    background: #f0f4f8;
    padding: 2px 8px;
    border-radius: 8px;
    margin-left: auto;
}
.ic_bot_actions {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}
.ic_bot_action {
    font-size: 11px;
    color: #2196F3;
    background: #e3f2fd;
    padding: 4px 10px;
    border-radius: 10px;
    text-decoration: none;
}
.ic_bot_action:hover {
    background: #bbdefb;
}

/* ---- 右侧产品 ---- */
.ic_right {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 0 0 auto;
}

/* ---- 行业协同布局变体 ---- */
.ic_layout_local {
    /* 社交渠道在左 */
}
.ic_social_bar {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 0 0 auto;
}
.ic_social_icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 2px solid #dce8f5;
    border-radius: 12px;
    font-size: 22px;
    text-decoration: none;
    transition: all 0.2s;
}
.ic_social_icon:hover {
    border-color: #2196F3;
    box-shadow: 0 2px 8px rgba(33,150,243,0.15);
    transform: scale(1.08);
}

/* Tab 切换导航 */
.ai_industry_nav {
    background: #e8f4fd !important;
    border-radius: 8px;
    padding: 6px !important;
}
.ai_industry_nav_item {
    color: #546e7a !important;
    border-radius: 6px !important;
}
.ai_industry_nav_item.active,
.ai_industry_nav_item:hover {
    background: #2196F3 !important;
    color: #fff !important;
}
.industry_tab_accent {
    color: #2196F3 !important;
}
.industry_applicable {
    color: #607d8b !important;
}
.industry_applicable .label {
    color: #37474f !important;
    font-weight: 600;
}

/* 隐藏原来的 industry_card img 样式残留 */
.industry_card {
    display: none !important;
}

/* ============================================================
   6. CTA 区域（限时免费定制）- 浅蓝风格
   ============================================================ */

#applyModule {
    height: 416px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    background: url(/skin/default/img/mantis/uploads/2025/06/apply_module_img.png) no-repeat center !important;
    background-size: 100% 100% !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
#applyModule .wp-block-group {
    margin: 0 auto;
    width: 1200px;
    max-width: 100%;
    height: 416px;
}
#applyModule .wp-block-group__inner-container {
    padding-left: 45px !important;
    height: 100%;
}
#applyModule .title {
    color: #fff !important;
    font-size: 36px !important;
    font-weight: 500 !important;
    line-height: 50px !important;
}
#applyModule .title span {
    color: #82b1ff !important;  /* 亮蓝色强调 */
}
#applyModule .freeTrial_btn {
    background: #040404 !important;
    border-radius: 5px !important;
}
#applyModule .wp-block-button__link {
    background: transparent !important;
    color: #00ebd6 !important;
    font-weight: 400 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 48px !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 5px !important;
}
#applyModule .wp-block-button__link:hover {
    background: transparent !important;
    color: #2de7e9 !important;
}

/* ============================================================
   7. 最新动态区块（居中 + 两列）
   注意：所有选择器都收在 .latest-news-block 作用域内，
        避免像早期 .title 那样污染全站同名类。
   ============================================================ */

.latest-news-block {
    background: #fff !important;
    border-radius: 12px !important;
    padding: 40px 46px 34px !important;
    margin: 30px auto !important;
    max-width: 1200px !important;
    width: auto !important;
    float: none !important;
    border: 1px solid #e8eef5;
    box-shadow: 0 2px 12px rgba(33,150,243,0.06);
    box-sizing: border-box !important;
}
.latest-news-block .ln_title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #0d47a1 !important;
    margin: 0 0 8px 0 !important;
    text-align: center !important;
}
.latest-news-block .ln_subtitle {
    font-size: 14px !important;
    color: #78909c !important;
    margin: 0 0 26px 0 !important;
    text-align: center !important;
}
/* 两列网格 */
.latest-news-block .ln_list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 46px !important;
    row-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.latest-news-block .ln_item {
    display: flex !important;
    align-items: center;
    gap: 14px;
    padding: 13px 12px !important;
    border-bottom: 1px solid #f0f4f8;
    border-radius: 6px;
    text-decoration: none !important;
    transition: background 0.2s;
    float: none !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    overflow: hidden;
}
.latest-news-block .ln_item:hover {
    background: #f5f9ff;
}
/* 最后一行（两列 = 最后两个）不要下边框 */
.latest-news-block .ln_item:nth-last-child(-n+2) {
    border-bottom-color: transparent;
}
.latest-news-block .ln_date {
    font-size: 13px;
    color: #607d8b !important;
    flex-shrink: 0;
    white-space: nowrap;
    font-family: 'SF Mono', Consolas, monospace;
}
.latest-news-block .ln_text {
    font-size: 15px;
    color: #37474f !important;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.latest-news-block .ln_item:hover .ln_text {
    color: #2196F3 !important;
}
/* 底部按钮居中 */
.latest-news-block .ln_more_wrap {
    text-align: center !important;
    margin-top: 22px !important;
}
.latest-news-block .ln_more {
    display: inline-block !important;
    margin: 0 auto !important;
    padding: 10px 30px !important;
    background: #e3f2fd;
    color: #1565c0 !important;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    float: none !important;
    transition: all 0.2s;
}
.latest-news-block .ln_more:hover {
    background: #2196F3;
    color: #fff !important;
}
/* 手机端：单列 + 日期在上标题在下（左对齐），区块本身仍居中 */
@media (max-width: 768px) {
    .latest-news-block {
        padding: 26px 18px 22px !important;
        margin: 18px 12px !important;
        border-radius: 10px !important;
    }
    .latest-news-block .ln_title { font-size: 20px !important; }
    .latest-news-block .ln_list {
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
    }
    .latest-news-block .ln_item {
        padding: 12px 4px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 3px !important;
    }
    .latest-news-block .ln_date { font-size: 12px !important; }
    .latest-news-block .ln_text { width: 100% !important; font-size: 15px !important; }
    .latest-news-block .ln_item:nth-last-child(-n+2) { border-bottom-color: #f0f4f8; }
    .latest-news-block .ln_item:last-child { border-bottom-color: transparent; }
}

/* ============================================================
   8. Footer / Colophon - 深蓝底（保持对比）
   ============================================================ */

#colophon {
    background: linear-gradient(180deg, #0d47a1 0%, #1565C0 100%) !important;
    color: #e3f2fd !important;
}
#colophon * {
    color: #e3f2fd !important;
}
#colophon a {
    color: #bbdefb !important;
}
#colophon a:hover {
    color: #fff !important;
}
.footer-phone {
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 700 !important;
}
.produc-title strong,
.solution-title strong,
.footer-ad-name strong {
    color: #fff !important;
}
.product-name a,
.solution-name a {
    color: #bbdefb !important;
}
.product-name a:hover,
.solution-name a:hover {
    color: #82b1ff !important;
}
.footer-address {
    color: #90caf9 !important;
}
/* 页脚城市标题：必须限定作用域，
   之前写成全局 .title 会把列表页/文章页/侧栏的标题全刷成浅蓝（白底上隐形） */
#colophon .title,
#footer .title {
    color: #e3f2fd !important;
    font-weight: 600 !important;
}

/* Footer bottom copyright */
#footer {
    background: #0a3d70 !important;
    color: #90caf9 !important;
}
#footer a {
    color: #bbdefb !important;
}
#site-copyright {
    color: #90caf9 !important;
}

/* ============================================================
   9. 安全/客户案例等其它section - 浅色调整
   ============================================================ */

/* 安全特性卡片 */
.index-security-bg,
[class*="security"] {
    background: #f5f9ff !important;
    border-radius: 10px !important;
}

/* 客户logo墙 */
.clients-wall,
.customer-logos {
    background: #fff !important;
}

/* ============================================================
   10. 弹窗 Modal - 蓝白风格
   ============================================================ */

#apply,
.mantis-lead-modal {
    background: #fff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(13,71,161,0.25) !important;
}
#apply .form,
#apply form {
    background: #fff !important;
}
#apply input[type="text"],
#apply input[type="tel"],
#apply textarea {
    border: 2px solid #bbdefb !important;
    background: #fafcff !important;
    color: #333 !important;
    border-radius: 8px !important;
}
#apply input:focus,
#apply textarea:focus {
    border-color: #2196F3 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(33,150,243,0.15) !important;
}
#apply button,
#apply .submit-btn {
    background: linear-gradient(135deg, #2196F3, #1976D2) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
}
#apply .tcbg {
    background: #e8f5e9 !important;
    color: #2e7d32 !important;
}

/* ============================================================
   11. 右侧悬浮工具栏
   ============================================================ */

.floating-toolbar,
[class*="float-bar"] {
    background: #fff !important;
    border: 1px solid #dce8f5 !important;
    box-shadow: 0 4px 16px rgba(33,150,243,0.12) !important;
}
.floating-toolbar a,
[class*="float-bar"] a {
    color: #2196F3 !important;
}

/* ============================================================
   12. 移动端适配
   ============================================================ */

@media (max-width: 768px) {
    .industry_cards_grid {
        flex-direction: column;
    }
    .ic_col_group {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .ic_col {
        min-width: 100px;
    }
    .ic_center {
        order: -1;
    }
    .ic_right {
        flex-direction: row;
        justify-content: center;
    }
    .ic_social_bar {
        flex-direction: row;
        justify-content: center;
    }
    /* 注：原此处有一条老的 .ln_item{flex-direction:column} 规则，
       已收归到"7. 最新动态区块"里统一维护，避免两处定义打架 */
    #applyModule {
        height: 21rem;
        padding: 0 !important;
        background: url(/skin/default/img/mantis/uploads/2025/06/apply_module_img-wap.png) no-repeat center !important;
        background-size: 100% 100% !important;
    }
    #applyModule .wp-block-group {
        width: 100%;
        height: 21rem;
    }
    #applyModule .wp-block-group__inner-container {
        padding-left: 0 !important;
        align-items: center;
    }
    #applyModule .title {
        font-size: 2.5rem !important;
        text-align: center;
        line-height: 3.6rem !important;
    }
}

/* ============================================================
   13. 头部/底部修正（2026-09-08）
   问题：wp-header.js 给 #site-header-main 设内联 transparent，
   而 #masthead 高度为0，导致白底+深色导航文字压在暗色banner上不可读；
   页脚 .widget-container 全局白底误伤 footer widget（白卡片+浅字）。
   ============================================================ */

/* 头部实底白色（!important 压过 JS 内联 transparent） */
#site-header-main {
    background: #ffffff !important;
    box-shadow: 0 1px 0 #e8eef5 !important;
}

/* logo：白字PNG在白底不可见 -> 蓝色文字logo（泛普软件） */
#branding {
    background-image: none !important;
    width: 174px !important;
    height: 50px !important;
    text-indent: 0 !important;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
#branding img {
    width: 174px !important;
    height: 50px !important;
    display: block;
}
#branding::before {
    content: none !important;
}

/* 下拉子菜单/巨幕菜单：暗底 -> 白底，文字深色 */
#access .sub-menu,
#mobile-nav .sub-menu,
nav .sub-menu {
    background-color: #ffffff !important;
    border: 1px solid #e8eef5 !important;
    box-shadow: 0 4px 20px rgba(13,71,161,0.10) !important;
}
nav .sub-menu li a span,
.productMenu_item .list a span {
    color: #37474f !important;
}
.productMenu_item .classification_title span {
    color: #0d47a1 !important;
}

/* 头部电话：白字 -> 深蓝 */
.nav-phone span {
    color: #1565C0 !important;
    font-weight: 600;
}

/* 页脚：撤销 .widget-container 白底对 footer 的误伤 */
#colophon .widget-container,
#colophon .content-widget section,
#colophon .footer-widget-inside,
#colophon .wp-block-group,
#colophon .wp-block-columns,
#colophon .wp-block-column,
#footer .widget-container,
#footer .content-widget section {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 13.1 顶级导航文字：主题对 a span 单独设白色，需同权重覆盖 */
#masthead #access a span,
#masthead nav#access a span {
    color: #2c3e50 !important;
}
#masthead #access .current-menu-item a span,
#masthead #access .current_page_item a span {
    color: #2196F3 !important;
}
#masthead #access .menu-item a:hover span {
    color: #2196F3 !important;
}

/* ============================================================
   14. 首屏顶头 + 深色区块文字可读性修复（2026-09-11）
   1) #site-header-main 是 fixed(60px)，#masthead 高度塌陷为 1px，
      导致 .index_box 从 y=1 开始被头部盖住 -> 给 body 加 60px 顶部留白
   2) .ai_solution_box / .ai_advantage_box 原为纯黑 #040404，
      标题/正文却是深色 -> 改深蓝渐变 + 浅色文字
   3) 行业 tab 激活态蓝字压蓝底、金色图标/日期过淡
   ============================================================ */

/* 14.1 头部 fixed 占位，避免内容顶到导航
   注意：seeyon/style.css 里有 `body, menu { padding: 0px !important }` 且在其后加载，
   同为 !important 时比权重，所以这里必须用 html body 提权才能生效 */
html body {
    padding-top: 60px !important;
}
/* #site-header-main 是 position:fixed 但未设 top，会取静态位置，
   body 加了 padding 后头部会跟着下移并压住内容 -> 显式钉在视口顶部 */
#site-header-main {
    top: 0 !important;
}
.index_box {
    background: transparent !important;
}
@media (max-width: 768px) {
    html body { padding-top: 56px !important; }
}

/* 14.2 深色区块：纯黑 -> 深蓝渐变（与浅蓝主题统一） */
.ai_solution_box,
.ai_advantage_box {
    background: linear-gradient(180deg, #0d2b4e 0%, #123a63 100%) !important;
}

/* 14.3 深色区块内的标题：深蓝 -> 白 / 亮蓝强调 */
.ai_solution_box .section_title,
.ai_advantage_box .section_title {
    color: #ffffff !important;
}
.ai_solution_box .ai_accent_text,
.ai_advantage_box .ai_accent_text {
    color: #64b5f6 !important;
}
.ai_solution_box .section_subtitle,
.ai_advantage_box .section_subtitle,
.ai_solution_box .section_desc,
.ai_advantage_box .section_desc {
    color: #b0bec5 !important;
}

/* 14.4 Agent 徽标与渐变标题：深灰字 -> 浅色 */
.ai_solution_box .agent_tag,
.ai_solution_box .agent_badge,
.ai_solution_box .agent_name {
    color: #e3f2fd !important;
}
.ai_solution_box .agent_badge {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #bbdefb !important;
}
.ai_solution_box .panel_gradient_title {
    color: #ffffff !important;
}
.ai_solution_box .panel_gradient_desc,
.ai_solution_box .panel_gradient_text {
    color: #b0bec5 !important;
}

/* 14.5 行业 tab：激活态蓝底上的蓝字改白；未激活态加深 */
.ai_industry_nav_item.active .industry_tab_accent,
.ai_industry_nav_item.active span {
    color: #ffffff !important;
}
.industry_tab_accent {
    color: #0d47a1 !important;
}
.ai_industry_nav_item:hover .industry_tab_accent {
    color: #1565c0 !important;
}

/* 14.6 过淡的小字 / 图标加深，提升可读性 */
.ic_social_icon {
    color: #c8860d !important;
}
.ic_bot_label,
.ln_date {
    color: #607d8b !important;
}
.ic_bot_action,
.ln_more {
    color: #1565c0 !important;
}

/* 14.7 数据洞察区：原本透明、继承 .index_box 的黑底，
   14.1 把 .index_box 改透明后此处浅色文字暴露，补回深色渐变 */
.data_insight_box,
.data_drive {
    background: linear-gradient(180deg, #0d2b4e 0%, #123a63 100%) !important;
}
.data_insight_box .section_title,
.data_drive .section_title {
    color: #ffffff !important;
}
.data_insight_box .ai_accent_text,
.data_drive .ai_accent_text {
    color: #64b5f6 !important;
}

/* 14.8 数据洞察区轮播轨道溢出（2026-09-14）
   该 Swiper 用的类名是 .data_insight_item（宽 766px），但外层 .data_insight
   没有 overflow:hidden（Swiper 默认会给 .swiper 设），导致 4 张幻灯片把
   页面横向撑到 3362px —— 手机端能一路横向拖到空白区。
   这里只裁剪轨道，不动布局，视觉表现不变。 */
.data_insight {
    overflow: hidden !important;
}

/* ============================================================
   15. 资讯/文章页：灰色小字过淡，统一加深（2026-09-11）
   ============================================================ */
.detail_main .meta,
.detail_main .meta span,
.detail_tags,
.article-list .post_part .cont .info,
.article-list .post_part .cont .info .author,
.article-list .post_part .cont .info .author span {
    color: #607d8b !important;
}
.gap_point,
.article-list .gap_point {
    color: #90a4ae !important;
}
.breadcrumb,
.breadcrumb a,
.index_cont .breadcrumb,
.index_cont .breadcrumb a {
    color: #607d8b !important;
}
/* 列表页文章标题：确保深色（防止被页脚 .title 之类规则误伤） */
.article-list .post_part .cont h3 a.title,
.index_cont .sidebar .part .top .title {
    color: #1a2332 !important;
}
.article-list .post_part .cont h3 a.title:hover {
    color: #2196F3 !important;
}

/* 15.1 首屏 banner1 兜底背景
   banner1 是唯一没有 CSS 背景图的轮播屏，原版靠 <video> 当背景；
   视频未自动播放/加载失败时白字会压在浅色底上完全看不见。
   加深色渐变兜底（视频正常播放时会盖在上面，不影响原效果）。 */
.swiper-slide.banner1,
.index_box .bannerBox .swiper-slide.banner1 {
    background: linear-gradient(120deg, #08243f 0%, #0f3a66 55%, #08243f 100%) !important;
}

/* ============================================================
   16. 助力全行业区块：恢复原版深色设计（2026-09-11）
   之前误改成白底 + HTML 卡片网格，用户反馈布局丑。
   原版：深蓝黑 #101624 背景 + 白字标题 + 青色强调 + 深蓝底 SVG 示意图。
   ============================================================ */
.ai_industry_box {
    background: #101624 !important;
    border-radius: 0 !important;
    padding: 80px 0 100px !important;
    margin-bottom: 0 !important;
}
.ai_industry_box .wp-block-group__inner-container {
    background: transparent !important;
    padding: 0 !important;
}
.ai_industry_box .section_title {
    color: #ffffff !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin: 0 0 32px !important;
}
.ai_industry_box .ai_accent_text {
    color: #00efd6 !important;
}
.ai_industry_box .ai_industry_nav {
    background: transparent !important;
    border: 1px solid #5972b6 !important;
    border-radius: 8px !important;
    padding: 7px !important;
    display: flex !important;
    justify-content: center !important;
    width: fit-content;
    margin: 0 auto 28px;
}
.ai_industry_box .ai_industry_nav_item {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    border: 1px solid rgba(78, 94, 138, 0.37) !important;
    border-radius: 6px !important;
    padding: 8px 28px !important;
    background: transparent !important;
    cursor: pointer;
}
.ai_industry_box .ai_industry_nav_item.active {
    background: linear-gradient(-82deg, #273147 9%, rgba(43, 58, 91, 0.26) 95%) !important;
    color: #ffffff !important;
}
.ai_industry_box .industry_tab_accent {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}
.ai_industry_box .ai_industry_nav_item.active .industry_tab_accent {
    background: linear-gradient(to right, #00efd6, #2e63fe) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}
.ai_industry_box .industry_applicable {
    color: #ffffff !important;
    font-size: 18px !important;
    text-align: center !important;
    margin: 0 0 32px !important;
}
.ai_industry_box .industry_applicable .label {
    color: #ffffff !important;
    font-weight: 500 !important;
}
.ai_industry_box .industry_badge_mb {
    color: #ffffff !important;
    text-align: center !important;
}
.ai_industry_box .industry_card {
    display: block !important;
    max-width: 1200px;
    margin: 0 auto;
}
.ai_industry_box .industry_card img {
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important;
    height: auto !important;
    margin: 0 auto !important;
    border-radius: 10px;
}

/* 移动端：标题与 tab 缩小、卡片自适应 */
@media (max-width: 768px) {
    .ai_industry_box {
        padding: 48px 16px 60px !important;
    }
    .ai_industry_box .section_title {
        font-size: 30px !important;
        margin-bottom: 24px !important;
    }
    .ai_industry_box .ai_industry_nav {
        width: 100%;
        margin-bottom: 20px;
    }
    .ai_industry_box .ai_industry_nav_item {
        font-size: 15px !important;
        padding: 8px 12px !important;
    }
    .ai_industry_box .industry_applicable {
        font-size: 15px !important;
    }
}

/* ============================================================
   17. 助力全行业区块：HTML 卡片结构（深色版，2026-09-11）
   用户要"框选位置可设超链接、灵活替换"，不能是一整张图。
   用 HTML 卡片（都是 <a> 链接）重建示意图，深色美观、与 #101624 背景协调。
   覆盖第 5 节的白底样式。
   ============================================================ */
.ai_industry_box .industry_cards_grid {
    display: flex;
    gap: 22px;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 26px;
    background: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(90,140,255,0.10) 100%);
    border: 1px solid rgba(120,150,220,0.25);
    border-radius: 14px;
}

/* 左侧三列公域 */
.ai_industry_box .ic_col_group {
    display: flex;
    gap: 14px;
    flex: 0 0 auto;
}
.ai_industry_box .ic_col {
    background: linear-gradient(180deg, #1d2c4e 0%, #15203a 100%);
    border: 1px solid rgba(120,150,220,0.30);
    border-radius: 10px;
    padding: 16px 14px;
    min-width: 132px;
    text-align: center;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}
.ai_industry_box .ic_col_title {
    font-size: 14px;
    font-weight: 600;
    color: #9ec5ff;
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(120,150,220,0.30);
}
.ai_industry_box .ic_items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ai_industry_box .ic_item {
    display: block;
    padding: 8px 10px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(120,150,220,0.22);
    border-radius: 6px;
    color: #c9d9f2;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s;
}
.ai_industry_box .ic_item:hover {
    background: linear-gradient(135deg, #00efd6, #2e63fe);
    color: #05152a;
    border-color: transparent;
    transform: translateY(-1px);
}

/* 中间能力区 */
.ai_industry_box .ic_center {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-width: 200px;
}
.ai_industry_box .ic_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    border-radius: 25px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s;
    white-space: nowrap;
}
.ai_industry_box .ic_btn_primary {
    background: linear-gradient(135deg, #00efd6, #2e63fe);
    color: #05152a;
    box-shadow: 0 4px 18px rgba(0,239,214,0.28);
}
.ai_industry_box .ic_btn_primary:hover {
    box-shadow: 0 6px 24px rgba(0,239,214,0.45);
    transform: translateY(-2px);
}
.ai_industry_box .ic_btn_secondary {
    background: rgba(255,255,255,0.07);
    color: #ffffff;
    border: 1px solid rgba(120,150,220,0.45);
}
.ai_industry_box .ic_btn_secondary:hover {
    background: rgba(0,239,214,0.15);
    border-color: #00efd6;
    color: #00efd6;
}
.ai_industry_box .ic_btn_outline {
    background: transparent;
    color: #9ec5ff;
    border: 1px solid rgba(120,150,220,0.35);
}
.ai_industry_box .ic_btn_outline:hover {
    background: rgba(0,239,214,0.12);
    border-color: #00efd6;
    color: #00efd6;
}

/* 客服气泡卡片 */
.ai_industry_box .ic_chatbot {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(120,150,220,0.30);
    border-radius: 14px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 320px;
}
.ai_industry_box .ic_bot_avatar {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #00efd6, #2e63fe);
    color: #05152a;
    font-size: 17px;
    font-weight: 700;
    border-radius: 50%;
    flex-shrink: 0;
}
.ai_industry_box .ic_bot_bubble {
    font-size: 13px;
    color: #d6e4ff;
    font-weight: 500;
}
.ai_industry_box .ic_bot_label {
    font-size: 11px;
    color: #7f96c0;
    background: rgba(255,255,255,0.06);
    padding: 2px 8px;
    border-radius: 8px;
    margin-left: auto;
    white-space: nowrap;
}
.ai_industry_box .ic_bot_actions {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}
.ai_industry_box .ic_bot_action {
    font-size: 11px;
    color: #00efd6;
    background: rgba(0,239,214,0.12);
    padding: 4px 10px;
    border-radius: 10px;
    text-decoration: none;
}
.ai_industry_box .ic_bot_action:hover {
    background: rgba(0,239,214,0.25);
}

/* 右侧产品 */
.ai_industry_box .ic_right {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 0 0 auto;
    justify-content: center;
}

/* 本地生活：社交渠道图标 */
.ai_industry_box .ic_social_bar {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 0 0 auto;
    justify-content: center;
}
.ai_industry_box .ic_social_icon {
    width: 56px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(120,150,220,0.30);
    border-radius: 10px;
    font-size: 15px;
    color: #c9d9f2;
    text-decoration: none;
    transition: all 0.2s;
    white-space: nowrap;
    padding: 0 8px;
    width: auto;
    min-width: 56px;
}
.ai_industry_box .ic_social_icon:hover {
    border-color: #00efd6;
    color: #00efd6;
    background: rgba(0,239,214,0.12);
    transform: scale(1.05);
}

/* 移动端 */
@media (max-width: 768px) {
    .ai_industry_box .industry_cards_grid {
        flex-direction: column;
        padding: 16px;
    }
    .ai_industry_box .ic_col_group {
        flex-direction: column;
        width: 100%;
    }
    .ai_industry_box .ic_col {
        min-width: 0;
    }
    .ai_industry_box .ic_center {
        min-width: 0;
    }
    .ai_industry_box .ic_social_bar {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .ai_industry_box .ic_right {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
}