/* ==========================================================================
   seo-semantics.css —— 语义修正的样式补偿
   --------------------------------------------------------------------------
   模板里把一批"用错标签"的元素降了级（H1 泛滥、h5 当段落用），
   原样式表是按旧标签写的，这里把降级后的元素补回一模一样的排版。

   为什么单独成文件、且必须最后加载：
     原样式分布在 portal.css / about.css / forum-list.css / home-index.css 四个文件里，
     改动它们等于把"从原站编译出来的样式"改脏，日后对照原站会找不到差异。
     集中在这里 + 最后加载（同优先级时后者胜），既能压过原规则，也好回滚。

   需要补偿的判断依据：
     主题的 theme-common.css 里有一条 `body,ul,ol,li,dl,dd,p,h1...h6 { margin:0; padding:0 }`
     和一条 `h1,h2,h3,h4,h5,h6 { font-size:1em }`，
     也就是说**没有任何专门规则的标题，h1 和 h2 渲染结果完全一样**。
     所以只有"原样式里明确写过 h1 的"才需要在这里为 h2 补一份：
       - 列表页条目标题    forum-list.css
       - 首页解决方案标题  portal.css / home-index.css
       - 首页解决方案描述  portal.css / home-index.css（h5 → p）
       - 关于我们业务范围  about.css
     （视频卡片标题 .item .txt h2[data-v-5709d85e] 原本就没有任何规则，
       所以不需要写在这里，改了标签也不会变样。）
   ========================================================================== */


/* --------------------------------------------------------------------------
   视觉隐藏：给读屏软件和爬虫读、屏幕上不占位
   -------------------------------------------------------------------------- */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/* --------------------------------------------------------------------------
   1. 版块归档 / 搜索结果：条目标题 h1 → h2
   对应 forum-list.css 里的 .industry .wrap-mpn2 .item .txt h1
   -------------------------------------------------------------------------- */
.industry .wrap-mpn2 .item .txt h2[data-v-150ea020] {
    color: #565f66;
    font-size: 18px;
    font-weight: 400
}

@media (max-width: 800px) {
    .industry .wrap-mpn2 .item .txt h2[data-v-150ea020] { font-size: 16px }
}


/* --------------------------------------------------------------------------
   2. 首页「解决方案」幻灯片
   portal.css 里 h1 是 48px/白色/300 字重，home-index.css 在 ≤800px 时收到 30px。
   -------------------------------------------------------------------------- */
.index3 .infomation h2[data-v-a2642b12] {
    font-size: 48px;
    color: #fff;
    line-height: 1;
    font-weight: 300
}

/* 描述文字由 h5 改成 p：portal.css 给 h5 的是 20px/28px/700/宽 512px，
   home-index.css 在 ≤800px 时覆盖成 14px/22px/宽 100%。 */
.index3 .infomation p.c-desc[data-v-a2642b12] {
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    font-weight: 700;
    width: 512px
}

@media (max-width: 800px) {
    .index3 .infomation h2[data-v-a2642b12] { font-size: 30px }
    .index3 .infomation p.c-desc[data-v-a2642b12] { width: 100%; line-height: 22px; font-size: 14px }
}


/* --------------------------------------------------------------------------
   3. 关于我们 · 业务范围卡片：标题 h1 → h2
   对应 about.css 的 .about-brand1-box .infomation h1（含里面的 em 强调）
   -------------------------------------------------------------------------- */
.about-brand1-box .infomation h2[data-v-454e09d1] {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 1;
    margin-bottom: 4px
}

.about-brand1-box .infomation h2 em[data-v-454e09d1] {
    font-family: "Rajdhani-Bold";
    font-size: 24px;
    color: #ff8e00
}

/* --------------------------------------------------------------------------
   4. 归档分页条（.pg）
   ldx_discuz_pager() 把 WP 分页翻译成 Discuz 的 .pg 结构，原来吃的是
   theme-common.css 里那套 Discuz 原生样式：26px 高的小方块、float:right
   靠右贴边、字号 16px 行高 2 把文字往下压。

   2026-10-29 重整：改为 44px 见方、圆角、品牌蓝 #032974 实心当前页，
   并给 hover 加轻微上浮与投影。页码窗口同步放宽（见 ldx_discuz_pager()
   的 mid_size / end_size），一屏能看到 8 个页码而不是 4 个。

   布局是「上一页 | 页码 | 下一页」三段式：
   左右两段贴住内容区边缘，整条宽度 = 上方列表 / 卡片区的宽度（1200px），
   页码始终居中。用 grid 而不是 flex，是因为首/末页会缺一个按钮，
   grid 的左右两列仍占位，页码不会被带偏。

   左右两列必须都是 1fr（等宽）：先前写成 auto 时，首页没有「上一页」，
   左列宽 0、右列宽 70px，中间那列的居中基准整体左移了半个按钮宽（约 35px），
   页码看着明显偏左。等宽两列后中间列的几何中心 = 容器中心。
   -------------------------------------------------------------------------- */
.pg {
    float: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 8px 0 4px;
    box-sizing: border-box
}

.pg-prev,
.pg-next {
    display: flex;
    align-items: center;
    min-width: 0
}

.pg-prev {
    justify-content: flex-start
}

.pg-next {
    justify-content: flex-end
}

.pg-nums {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    min-width: 0
}

/* 页码 / 上一页 / 下一页 / 省略号共用一套盒模型。
   float:none 抵消 theme-common.css 的 .pg a{float:left}，
   否则在 flex 容器里会被当成块级项排成竖列。 */
.pg a,
.pg strong,
.pg span.dots {
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 44px;
    height: 44px;
    margin: 0;
    padding: 0 14px;
    border: 1px solid #dbe6f0;
    border-radius: 6px;
    background: #fff;
    color: #45535f;
    font-size: 15px;
    line-height: 1;
    text-decoration: none;
    transition: color .18s ease, border-color .18s ease,
                background-color .18s ease, box-shadow .18s ease, transform .18s ease
}

.pg a:hover,
.pg a:focus {
    border-color: #032974;
    color: #032974;
    box-shadow: 0 4px 12px rgba(3, 41, 116, .14);
    transform: translateY(-1px);
    text-decoration: none
}

/* 当前页：品牌蓝实心 */
.pg strong {
    border-color: #032974;
    background: #032974;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(3, 41, 116, .22)
}

/* 上一页 / 下一页：字色走品牌蓝，边框比页码浅一档 */
.pg a.prev,
.pg a.nxt {
    padding: 0 18px;
    color: #032974;
    border-color: #c9dbf0
}

/* 三角箭头原来在 theme-common.css 里写死 #666，跟着 hover 变成同色 */
.pg a.prev::after {
    border-right-color: currentColor
}

.pg a.nxt::after {
    border-left-color: currentColor
}

/* 省略号：无边框无背景，只留三个点 */
.pg span.dots {
    min-width: 0;
    padding: 0 2px;
    border-color: transparent;
    background: transparent;
    color: #8fa3b8;
    letter-spacing: 2px
}

/* 窄屏：三段式在窄宽下会把页码挤成一条细缝，退回 flex 排布，
   上一页/下一页仍分列两端，页码占中间剩余宽度并自行换行 */
@media (max-width: 800px) {
    .pg {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px 6px;
        padding: 6px 0 2px
    }

    .pg-nums {
        flex: 1 1 auto;
        gap: 6px
    }

    .pg a,
    .pg strong,
    .pg span.dots {
        min-width: 34px;
        height: 34px;
        padding: 0 9px;
        font-size: 14px
    }

    .pg a.prev,
    .pg a.nxt {
        padding: 0 11px
    }
}

/* --------------------------------------------------------------------------
   5. 满铺浅蓝内容容器（归档页卡片区 / 列表区通用）
   case / product / solution 瀑布流与 default 标准列表共用：标题区留在
   .wp 白底定宽区，内容区移出到这层通栏铺浅蓝底，内部再借 .wp 居中。
   doc 文档卡片用的是自带 .doc-list（同效果，独立维护）。
   -------------------------------------------------------------------------- */
.case-list {
    background: #f0f8fd;
    padding: 45px 0
}

/* 窄窗口保险：内部 .wp 定宽 1200px，视口不足时收缩到视口宽不溢出。
   特异性高于 reset.css 的 .wp，桌面 ≥1200px 时表现不变。 */
.case-list > .wp {
    max-width: 100%
}

/* default 标准列表的 .wrap-mpn2 在 forum-list.css 里有 margin-top:40px /
   background:#f0f8fd / padding:45px。落到 .case-list（已满铺浅蓝 + padding 45px）
   内会双重缩进 + 叠一层同色底，这里一并归零，让列表项直接落页面底色。
   特异性（0,3,0）+ 本文件最后加载，稳压 forum-list.css。 */
.case-list .industry .wrap-mpn2 {
    margin-top: 0;
    background: none;
    padding: 0
}

/* default 标准列表的每一条改为白色圆角卡片（2026-10-16 用户要求），
   与瀑布流 / 文档卡片统一有层次感。
   原站 forum-list.css 里 .item 默认是透明的、只有 :hover 才套
   background:#fff + box-shadow —— 这里让白底常驻，hover 的阴影浮起保留。
   .item 本就自带 border-radius:10px / overflow:hidden / transition，无需重复写。 */
.case-list .industry .wrap-mpn2 .item[data-v-150ea020] {
    background: #ffffff;
    margin: 0 0 15px
}

/* 条目之间改由间距分隔，底部那条 2px 的 .line 隔条就多余了（原它是紧贴排版的产物）。 */
.case-list .industry .wrap-mpn2 .item .line[data-v-150ea020] {
    display: none
}

/* --------------------------------------------------------------------------
   6. 归档页标题区（.cit-tit）与栏目介绍（.product-up）

   default 标准列表加载 forum-list.css，但它那套 .cit-tit 选择器带了 scoped
   属性 [data-v-150ea020]，与标题区实际用的 data-v-ff382622 不匹配 → h1/h2
   的字号、颜色、字体全失效，栏目介绍也没有 .product-up 容器可放。
   这里补一份**无 scoped** 的通用定义（与 case-list.css / doc-list.css 同值），
   本文件最后加载，default / case / product / solution / doc 五套模板统一生效。
   -------------------------------------------------------------------------- */
.section1 .cit-tit {
    margin-bottom: 40px
}

.section1 .cit-tit h1 {
    color: #001f89;
    margin-bottom: 17px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 400
}

.section1 .cit-tit h2 {
    color: #ff8a00;
    font-size: 24px;
    line-height: 23px;
    font-family: "Rajdhani-Bold", "Rajdhani", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-top: -6px
}

.section1 .product-up {
    margin-bottom: 30px
}

.section1 .product-up .p p {
    font-size: 14px;
    line-height: 26px;
    color: #666666
}