/* ===========================================================================
   四川鼎格舒适家 · 公司介绍页样式（设计稿 v1.0）
   拟定文件名：/website/cus/css/about.css          （新增文件，不覆盖任何现存 CSS）
   挂载方式：BNY/library/platform/cus/view/body.html 里加一行 link，
            并用 {if(nonull($$company))} 限定只在本页加载，不影响全站其它页面。
   长度单位：全站 rem 方案。桌面 1rem = viewport/19.2（1920 下 = 100px），
            移动（max-width:1023px）1rem = viewport/7.5（390 下 = 52px）。
   栅格：内容区 .right_Xenter 宽 10.7rem（1070px），本文件全部按此宽度设计。
   =========================================================================== */

/* ---------- 0. 两列容器 ---------- */
/* 桌面：flex 两列（左栏 3rem / 300 + 右栏 10.7rem / 1070，两端对齐 = 与站点 float 布局同宽同起点），
   目的是让左栏可以 position:sticky 跟随滚动。
   移动端：改纵向 flex，用 order 把正文提到最前、左栏排到正文之后。
   站内没有任何 CSS 依赖 .w14rem 的直接子元素结构，加这层包装是安全的。
   注意：.w14rem 同时带 .clearfix，其 ::after 会成为 flex 子项，这里显式关掉。 */
.cmp-cols { display: flex; justify-content: space-between; align-items: flex-start; }
.cmp-cols::after { content: none; display: none; }
/* 左侧菜单所有链接都带 #cont，锚点定位留出视觉余量 */
#cont { scroll-margin-top: 0.30rem; }
/* 模板 .Cenbsonw 内保留了两个占位 <br>，本页内容自带段落间距，去掉这两个空行 */
.Cenbsonw > br { display: none; }

/* ---------- 1. 页头：H1 + 定位语 ---------- */
.cmp-head { padding: 0 0 0.06rem; }
.cmp-h1 {
    margin: 0 0 0.16rem;
    font-size: 0.30rem;
    line-height: 1.35;
    font-weight: bold;
    color: #1a1a1a;
}
.cmp-h1 span { color: #d40003; }
.cmp-h1 em {
    display: block;
    margin-top: 0.06rem;
    font-size: 0.13rem;
    line-height: 0.20rem;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.02rem;
    color: #a5a5a5;
    text-transform: uppercase;
}
.cmp-lead {
    margin: 0 0 0.24rem;
    padding: 0 0 0 0.14rem;
    border-left: 0.03rem solid #d40003;
    font-size: 0.17rem;
    line-height: 1.85;
    color: #555;
}

/* ---------- 2. 本页导读：锚点导航条 ----------
   桌面端左栏已经有「本页导航」，这里再放一条就重复了，所以本导航条只在移动端出现
   （移动端左栏会被压到正文之后，顶部需要一个入口）。 */
.cmp-toc {
    display: none;
    margin: 0 0 0.30rem;
    padding: 0.16rem 0.18rem 0.06rem;
    background: #fafafa;
    border: 1px solid #ededed;
}
.cmp-toc p {
    margin: 0 0 0.10rem;
    font-size: 0.13rem;
    line-height: 0.20rem;
    color: #8c8c8c;
}
.cmp-toc ul { margin: 0; padding: 0; list-style: none; }
.cmp-toc li {
    display: inline-block;
    margin: 0 0.10rem 0.10rem 0;
    list-style: none;
}
.cmp-toc li a {
    display: block;
    padding: 0.05rem 0.12rem;
    border: 1px solid #e4e4e4;
    background: #fff;
    font-size: 0.14rem;
    line-height: 0.22rem;
    color: #444;
    text-decoration: none;
}
.cmp-toc li a:hover { border-color: #d40003; color: #d40003; }

/* ---------- 3. 关键数据条 ---------- */
.cmp-stats {
    margin: 0 0 0.40rem;
    padding: 0.22rem 0 0.20rem;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}
.cmp-stats dl {
    float: left;
    width: 33.333%;
    margin: 0 0 0.12rem;
    text-align: center;
}
.cmp-stats dt {
    font-size: 0.32rem;
    line-height: 0.42rem;
    font-weight: bold;
    color: #d40003;
}
.cmp-stats dt i {
    font-size: 0.16rem;
    font-style: normal;
    font-weight: normal;
}
.cmp-stats dd {
    margin: 0.02rem 0 0;
    font-size: 0.14rem;
    line-height: 0.22rem;
    color: #777;
}

/* ---------- 4. 章节标题 ---------- */
.cmp-sec { margin: 0 0 0.42rem; }
.cmp-sec > h2 {
    margin: 0 0 0.20rem;
    padding-left: 0.14rem;
    border-left: 0.05rem solid #d40003;
    font-size: 0.24rem;
    line-height: 0.34rem;
    font-weight: bold;
    color: #1a1a1a;
}
.cmp-sec > h2 i {
    margin-left: 0.10rem;
    font-size: 0.13rem;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.02rem;
    color: #b5b5b5;
    text-transform: uppercase;
}
.cmp-sec h3 {
    margin: 0.26rem 0 0.12rem;
    padding-bottom: 0.08rem;
    border-bottom: 1px dashed #e6e6e6;
    font-size: 0.18rem;
    line-height: 0.28rem;
    font-weight: bold;
    color: #262626;
}
.cmp-sec p {
    margin: 0 0 0.16rem;
    font-size: 0.16rem;
    line-height: 1.95;
    color: #333;
}
.cmp-sec ul, .cmp-sec ol { margin: 0 0 0.20rem; padding-left: 0.26rem; }
.cmp-sec li {
    margin: 0.07rem 0;
    font-size: 0.16rem;
    line-height: 1.9;
    color: #333;
}
.cmp-sec ul > li { list-style: disc outside; }
.cmp-sec ol > li { list-style: decimal outside; }
.cmp-sec b, .cmp-sec strong { font-weight: bold; color: #111; }

/* ---------- 5. 数据表格 ---------- */
.cmp-table { width: 100%; margin: 0.06rem 0 0.22rem; border-collapse: collapse; }
.cmp-table th, .cmp-table td {
    padding: 0.11rem 0.14rem;
    border: 1px solid #e8e8e8;
    font-size: 0.15rem;
    line-height: 1.75;
    text-align: left;
    vertical-align: top;
}
.cmp-table th {
    background: #f5f6f7;
    font-weight: bold;
    color: #262626;
    white-space: nowrap;
}
.cmp-table td { color: #444; }
.cmp-table tbody tr:nth-child(even) td { background: #fcfcfc; }
.cmp-table .num { color: #d40003; font-weight: bold; white-space: nowrap; }
.cmp-table .nowrap { white-space: nowrap; }

/* 品牌深度合作表：四列，按语义分配列宽，避免「产品与技术特点」被挤成窄条。
   列宽只在桌面生效 —— 移动端表格是块级布局，宽度必须由 .cmp-table 那条统一规则接管，
   而 `:nth-child` 选择器优先级更高，若不加媒体查询会盖掉移动端的 width:100%。 */
@media screen and (min-width: 1024px) {
    .cmp-table-brands th:nth-child(1), .cmp-table-brands td:nth-child(1) { width: 11%; }
    .cmp-table-brands th:nth-child(2), .cmp-table-brands td:nth-child(2) { width: 16%; }
    .cmp-table-brands th:nth-child(3), .cmp-table-brands td:nth-child(3) { width: 29%; }
    .cmp-table-brands th:nth-child(4), .cmp-table-brands td:nth-child(4) { width: 44%; }
}
.cmp-table-brands td:nth-child(2) { font-weight: bold; color: #262626; }

/* ---------- 6. 说明 / 口径note ---------- */
.cmp-note {
    margin: 0 0 0.22rem;
    padding: 0.14rem 0.16rem;
    background: #fafafa;
    border-left: 0.03rem solid #cfcfcf;
    font-size: 0.14rem;
    line-height: 1.9;
    color: #666;
}
.cmp-note b { color: #444; }

/* 6.1 主体说明 / 关键界定性说明
   这类文字需要访客与生成式引擎优先读到，字号高于正文（正文 0.16rem），
   左侧改用品牌红，避免被当成页脚小字忽略。 */
.cmp-note-key {
    margin: 0 0 0.24rem;
    padding: 0.20rem 0.22rem;
    background: #f7f8f9;
    border-left: 0.04rem solid #d40003;
    font-size: 0.18rem;
    line-height: 2.0;
    color: #2b2b2b;
}
.cmp-note-key b { color: #d40003; font-size: 0.19rem; }

/* ---------- 7. 资质墙 ---------- */
.cmp-certs { margin: 0 0 0.10rem; overflow: hidden; }
.cmp-certs figure {
    float: left;
    width: 32%;
    margin: 0 2% 0.22rem 0;
    border: 1px solid #ececec;
    background: #fff;
    text-align: center;
}
.cmp-certs figure:nth-child(3n) { margin-right: 0; }
.cmp-certs .ph {
    display: block;
    width: 100%;
    /* 证书原图统一为 3:4 竖版，图框按同比例留白，缩放后左右不留大片空档 */
    height: 4.30rem;
    background: #f7f7f7;
    overflow: hidden;
}
.cmp-certs .ph img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: opacity .2s;
}
.cmp-certs .ph:hover img { opacity: .88; }
.cmp-certs figcaption {
    padding: 0.12rem 0.12rem 0.14rem;
    font-size: 0.14rem;
    line-height: 1.7;
    color: #262626;
}
.cmp-certs figcaption b { display: block; font-size: 0.145rem; color: #1a1a1a; }
.cmp-certs figcaption span {
    display: block;
    margin-top: 0.05rem;
    font-size: 0.125rem;
    line-height: 1.7;
    color: #8c8c8c;
}

/* ---------- 8. 常见问题 ---------- */
.cmp-faq { margin: 0 0 0.30rem; }
.cmp-faq dl {
    margin: 0 0 0.14rem;
    padding: 0.14rem 0.16rem;
    background: #fafafa;
    border: 1px solid #eeeeee;
}
.cmp-faq dt {
    position: relative;
    margin: 0 0 0.08rem;
    padding-left: 0.30rem;
    font-size: 0.16rem;
    line-height: 1.8;
    font-weight: bold;
    color: #1a1a1a;
}
.cmp-faq dt i {
    position: absolute;
    left: 0;
    top: 0.02rem;
    width: 0.22rem;
    height: 0.22rem;
    font-size: 0.13rem;
    line-height: 0.22rem;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #d40003;
}
.cmp-faq dd {
    margin: 0;
    padding-left: 0.30rem;
    font-size: 0.15rem;
    line-height: 1.95;
    color: #444;
}

/* ---------- 9. 联系方式 ---------- */
.cmp-contact {
    margin: 0 0 0.20rem;
    padding: 0.20rem 0.20rem 0.06rem;
    background: #fafafa;
    border: 1px solid #ededed;
    overflow: hidden;
}
.cmp-contact dl { float: left; width: 50%; margin: 0 0 0.14rem; }
.cmp-contact dt {
    font-size: 0.13rem;
    line-height: 0.22rem;
    color: #8c8c8c;
}
.cmp-contact dd {
    margin: 0.04rem 0 0;
    font-size: 0.17rem;
    line-height: 1.7;
    color: #1a1a1a;
}
.cmp-contact dd b { color: #d40003; }

/* ---------- 10. 页脚小字说明 ---------- */
.cmp-foot-note {
    margin: 0.30rem 0 0.20rem;
    padding-top: 0.16rem;
    border-top: 1px solid #ededed;
    font-size: 0.13rem;
    line-height: 1.9;
    color: #999;
}

/* ---------- 11. 左栏：本页导航 + 到店咨询（仅本页渲染） ----------
   左栏整体 sticky 跟随滚动：正文约 10000px 长，菜单跟着走才用得上。 */
.cmp-cols > .left_meun_ly { position: sticky; top: 0.20rem; }
.cmp-sidetoc { margin-top: 0.30rem; }
.cmp-sidetoc .st-tit {
    padding: 0.10rem 0 0.10rem 0.14rem;
    font-size: 0.16rem;
    line-height: 0.24rem;
    font-weight: bold;
    color: #fff;
    background: #262626;
}
.cmp-sidetoc ul { margin: 0; padding: 0; border: 1px solid #ededed; border-top: 0; }
.cmp-sidetoc li { margin: 0; list-style: none; }
.cmp-sidetoc li a {
    display: block;
    padding: 0.09rem 0.14rem;
    border-bottom: 1px solid #f2f2f2;
    font-size: 0.14rem;
    line-height: 0.22rem;
    color: #555;
    text-decoration: none;
}
.cmp-sidetoc li:last-child a { border-bottom: 0; }
.cmp-sidetoc li a:hover { color: #d40003; background: #fcfcfc; }
.cmp-sidecontact {
    margin-top: 0.20rem;
    padding: 0.16rem 0.14rem;
    background: #d40003;
    color: #fff;
}
.cmp-sidecontact p { margin: 0; font-size: 0.13rem; line-height: 1.8; }
.cmp-sidecontact b { display: block; font-size: 0.22rem; line-height: 0.32rem; margin: 0.04rem 0; }

/* ===========================================================================
   12. 与 article.css 的选择器权重对齐
   ---------------------------------------------------------------------------
   本页正文实际位于站点的 .Cenbsonw 容器内，而 article.css（全站加载，先于本文件）
   里有一组 `.Cenbsonw 标签` 形式的元素级后代选择器，同样会作用到本页正文。
   其中 `table th/td`、`h2:first-child`、`p` 这几条的权重高于上面的单类选择器
   （.Cenbsonw table th = 0,1,2 > .cmp-table th = 0,1,1），会把本页样式改写掉。
   这里用同形态选择器把受影响的属性重新声明一次；桌面规则单独包在 min-width
   媒体查询里，避免盖掉下面移动端那一整块规则。
   =========================================================================== */
@media screen and (min-width: 1024px) {
    .Cenbsonw .cmp-table { margin: 0.06rem 0 0.22rem; }
    .Cenbsonw .cmp-table th,
    .Cenbsonw .cmp-table td { border: 1px solid #e8e8e8; padding: 0.11rem 0.14rem; }
    .Cenbsonw .cmp-table th { background: #f5f6f7; color: #262626; text-align: left; }
    .Cenbsonw .cmp-sec > h2 { margin-top: 0; }
    .Cenbsonw .cmp-lead { margin-bottom: 0.24rem; }
}

/* ===========================================================================
   移动端（与全站同一个断点）
   =========================================================================== */
@media screen and (max-width: 1023px) {

    /* 两列改纵向：正文在前，左栏（栏目菜单 + 联系方式）排到正文之后 */
    .cmp-cols { display: flex; flex-direction: column; }
    .cmp-cols > .right_Xenter { order: 1; }
    .cmp-cols > .left_meun_ly {
        position: static;
        order: 2;
        width: 100%;
        margin-top: 0.40rem;
        padding: 0.30rem 0.20rem 0;
        border-top: 1px solid #ededed;
    }
    /* 移动端正文顶部已有锚点导航条，左栏这份重复，收起来；到店咨询在正文末尾已有 */
    .cmp-sidetoc,
    .cmp-sidecontact { display: none; }
    /* 顶部锚点导航条只在移动端出现 */
    .cmp-toc { display: block; }

    .cmp-h1 { font-size: 0.40rem; line-height: 1.4; }
    .cmp-h1 em { font-size: 0.20rem; line-height: 0.30rem; }
    .cmp-lead { font-size: 0.26rem; line-height: 1.9; padding-left: 0.18rem; border-left-width: 0.05rem; }

    .cmp-toc { padding: 0.20rem 0.20rem 0.08rem; }
    .cmp-toc p { font-size: 0.20rem; line-height: 0.32rem; }
    .cmp-toc li { margin: 0 0.12rem 0.12rem 0; }
    .cmp-toc li a { font-size: 0.22rem; line-height: 0.34rem; padding: 0.08rem 0.16rem; }

    .cmp-stats { padding: 0.28rem 0 0.24rem; }
    .cmp-stats dl { width: 50%; margin-bottom: 0.20rem; }
    .cmp-stats dt { font-size: 0.42rem; line-height: 0.56rem; }
    .cmp-stats dt i { font-size: 0.22rem; }
    .cmp-stats dd { font-size: 0.22rem; line-height: 0.34rem; }

    .cmp-sec { margin-bottom: 0.50rem; }
    .cmp-sec > h2 { font-size: 0.34rem; line-height: 0.48rem; padding-left: 0.18rem; border-left-width: 0.07rem; margin-bottom: 0.22rem; }
    .cmp-sec > h2 i { display: block; margin: 0.04rem 0 0; font-size: 0.20rem; }
    .cmp-sec h3 { font-size: 0.28rem; line-height: 0.42rem; margin: 0.30rem 0 0.14rem; }
    .cmp-sec p { font-size: 0.26rem; line-height: 2.0; margin-bottom: 0.20rem; }
    .cmp-sec li { font-size: 0.26rem; line-height: 2.0; margin: 0.10rem 0; }
    .cmp-sec ul, .cmp-sec ol { padding-left: 0.34rem; }

    /* 表格在窄屏改为块级键值对，避免横向溢出 */
    .cmp-table, .cmp-table thead, .cmp-table tbody, .cmp-table tr, .cmp-table th, .cmp-table td { display: block; width: 100%; }
    .cmp-table thead { display: none; }
    .cmp-table { border: 1px solid #e8e8e8; }
    .cmp-table tr { border-bottom: 1px solid #e8e8e8; }
    .cmp-table tr:last-child { border-bottom: 0; }
    .cmp-table td {
        border: 0;
        border-bottom: 1px dashed #f0f0f0;
        padding: 0.12rem 0.16rem;
        font-size: 0.24rem;
        line-height: 1.85;
    }
    .cmp-table td:last-child { border-bottom: 0; }
    .cmp-table td[data-l]::before {
        content: attr(data-l);
        display: block;
        margin-bottom: 0.04rem;
        font-size: 0.21rem;
        color: #999;
    }
    .cmp-table .num { font-size: 0.26rem; }

    .cmp-note { font-size: 0.23rem; line-height: 1.95; padding: 0.18rem 0.18rem; }
    .cmp-note-key { font-size: 0.28rem; line-height: 2.0; padding: 0.22rem 0.20rem; border-left-width: 0.05rem; }
    .cmp-note-key b { font-size: 0.29rem; }

    /* 资质墙：移动端两列 */
    .cmp-certs figure { width: 49%; margin: 0 2% 0.24rem 0; }
    .cmp-certs figure:nth-child(3n) { margin-right: 2%; }
    .cmp-certs figure:nth-child(2n) { margin-right: 0; }
    .cmp-certs .ph { height: 4.60rem; }
    .cmp-certs figcaption { font-size: 0.22rem; padding: 0.12rem 0.10rem 0.14rem; }
    .cmp-certs figcaption b { font-size: 0.23rem; }
    .cmp-certs figcaption span { font-size: 0.19rem; margin-top: 0.06rem; }

    .cmp-faq dl { padding: 0.18rem 0.18rem; }
    .cmp-faq dt { font-size: 0.27rem; line-height: 1.8; padding-left: 0.42rem; }
    .cmp-faq dt i { width: 0.32rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.20rem; }
    .cmp-faq dd { font-size: 0.25rem; line-height: 2.0; padding-left: 0.42rem; }

    .cmp-contact dl { width: 100%; }
    .cmp-contact dt { font-size: 0.21rem; }
    .cmp-contact dd { font-size: 0.27rem; }

    .cmp-foot-note { font-size: 0.21rem; line-height: 1.95; }

    .cmp-sidetoc .st-tit { font-size: 0.28rem; padding: 0.16rem 0.18rem; }
    .cmp-sidetoc li a { font-size: 0.26rem; padding: 0.16rem 0.18rem; }
    .cmp-sidecontact p { font-size: 0.24rem; }
    .cmp-sidecontact b { font-size: 0.36rem; }

    /* 权重对齐（移动端）：详见「与 article.css 的选择器权重对齐」一段 */
    .Cenbsonw .cmp-table th,
    .Cenbsonw .cmp-table td { padding: 0.12rem 0.16rem; }
    .Cenbsonw .cmp-table th { text-align: left; }
    .Cenbsonw .cmp-table td { border: 0; border-bottom: 1px dashed #f0f0f0; }
    .Cenbsonw .cmp-table td:last-child { border-bottom: 0; }
    .Cenbsonw .cmp-sec > h2 { margin-top: 0; }
    .Cenbsonw .cmp-lead { margin-bottom: 0.24rem; }
}

/* ===========================================================================
   about.css 增量段 ·「公司优势(158) / 服务流程(163) / 工程服务(164)」三页共用
   ---------------------------------------------------------------------------
   追加在 about.css 末尾。本段**只新增类名，不修改任何既有规则**，因此对已经
   上线的公司介绍页(150) 零影响（150 不使用 .pg-* 前缀的类）。
   栅格同前：内容区 .right_Xenter 宽 10.7rem（1070px）。
            桌面 1rem = viewport/19.2（1920 下 100px）；移动 1rem = viewport/7.5。
   =========================================================================== */

/* ---------- A. 配图 ---------- */
.pg-fig { margin: 0.12rem 0 0.26rem; }
.pg-fig figure { margin: 0; }
.pg-fig img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #ededed;
    background: #fafafa;
}
.pg-figs { display: flex; gap: 0.20rem; margin: 0.12rem 0 0.26rem; }
.pg-figs > figure { flex: 1; min-width: 0; margin: 0; }
.pg-figs img {
    display: block;
    width: 100%;
    height: 2.34rem;
    object-fit: cover;
    border: 1px solid #ededed;
    background: #fafafa;
}
.pg-figs--w2 img { height: 2.90rem; }
.pg-fig figcaption,
.pg-figs figcaption {
    margin: 0.10rem 0 0;
    font-size: 0.13rem;
    line-height: 0.24rem;
    color: #8c8c8c;
    text-align: center;
}

/* ---------- B. 发展历程：时间轴 ---------- */
.pg-tl { margin: 0.08rem 0 0.24rem; }
.pg-tl dl {
    position: relative;
    margin: 0;
    padding: 0 0 0.28rem 0.42rem;
}
.pg-tl dl:last-child { padding-bottom: 0; }
.pg-tl dl::before {
    content: '';
    position: absolute;
    left: 0.06rem;
    top: 0.18rem;
    bottom: 0;
    width: 1px;
    background: #ededed;
}
.pg-tl dl:last-child::before { display: none; }
.pg-tl dl::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0.12rem;
    width: 0.13rem;
    height: 0.13rem;
    border-radius: 50%;
    background: #fff;
    border: 0.02rem solid #d40003;
}
.pg-tl dt {
    font-size: 0.20rem;
    line-height: 0.28rem;
    font-weight: bold;
    color: #d40003;
}
.pg-tl dd {
    margin: 0.05rem 0 0;
    font-size: 0.155rem;
    line-height: 1.9;
    color: #444;
}

/* ---------- C. 指标卡（三列） ---------- */
.pg-cards { display: flex; gap: 0.20rem; margin: 0.12rem 0 0.24rem; }
.pg-cards dl {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0.20rem 0.10rem 0.18rem;
    border: 1px solid #ededed;
    background: #fcfcfc;
    text-align: center;
}
.pg-cards dt {
    font-size: 0.32rem;
    line-height: 0.44rem;
    font-weight: bold;
    color: #d40003;
}
.pg-cards dt i {
    font-size: 0.15rem;
    font-style: normal;
    font-weight: normal;
}
.pg-cards dd {
    margin: 0.04rem 0 0;
    font-size: 0.135rem;
    line-height: 0.24rem;
    color: #777;
}

/* ---------- D. 编号步骤块 ---------- */
.pg-step {
    position: relative;
    margin: 0 0 0.34rem;
    padding: 0 0 0 0.66rem;
}
.pg-step > .no {
    position: absolute;
    left: 0;
    top: 0.01rem;
    width: 0.46rem;
    height: 0.46rem;
    border: 1px solid #f0c9c9;
    background: #fff7f7;
    color: #d40003;
    font-size: 0.20rem;
    line-height: 0.44rem;
    font-weight: bold;
    text-align: center;
}
.pg-step > h3 {
    margin: 0 0 0.10rem;
    padding: 0 0 0.06rem 0;
    border-bottom: 1px dashed #e6e6e6;
    font-size: 0.19rem;
    line-height: 0.30rem;
    font-weight: bold;
    color: #1a1a1a;
}
.pg-step > h3 i {
    margin-left: 0.08rem;
    font-size: 0.13rem;
    font-style: normal;
    font-weight: normal;
    color: #b5b5b5;
    text-transform: uppercase;
}
.pg-step > p:last-child { margin-bottom: 0; }

/* ---------- E. 要点块（浅灰底 + 品牌红左边线，用于流程小节的关键结论） ---------- */
.pg-tip {
    margin: 0.06rem 0 0.22rem;
    padding: 0.14rem 0.16rem;
    background: #f7f8f9;
    border-left: 0.03rem solid #d40003;
    font-size: 0.15rem;
    line-height: 1.9;
    color: #333;
}
.pg-tip b { color: #d40003; }

/* ---------- F. 标签（场景 / 关键词） ---------- */
.pg-chips { margin: 0 0 0.22rem; padding: 0; list-style: none; }
.pg-chips li {
    display: inline-block;
    margin: 0 0.10rem 0.10rem 0;
    padding: 0.06rem 0.14rem;
    border: 1px solid #e4e4e4;
    background: #fff;
    font-size: 0.145rem;
    line-height: 0.24rem;
    color: #555;
}

/* ===========================================================================
   移动端（与全站同一个断点 1023px）
   =========================================================================== */
@media screen and (max-width: 1023px) {

    .pg-figs { display: block; margin-bottom: 0.28rem; }
    .pg-figs > figure { margin-bottom: 0.24rem; }
    .pg-figs > figure:last-child { margin-bottom: 0; }
    .pg-figs img,
    .pg-figs--w2 img { height: auto; }
    .pg-fig figcaption,
    .pg-figs figcaption { font-size: 0.21rem; line-height: 0.36rem; margin-top: 0.12rem; }

    .pg-tl dl { padding: 0 0 0.34rem 0.52rem; }
    .pg-tl dl::before { left: 0.075rem; top: 0.26rem; }
    .pg-tl dl::after { top: 0.16rem; width: 0.19rem; height: 0.19rem; border-width: 0.03rem; }
    .pg-tl dt { font-size: 0.28rem; line-height: 0.42rem; }
    .pg-tl dd { font-size: 0.25rem; line-height: 2.0; margin-top: 0.08rem; }

    .pg-cards { display: block; }
    .pg-cards dl { margin-bottom: 0.16rem; padding: 0.22rem 0.16rem; }
    .pg-cards dl:last-child { margin-bottom: 0; }
    .pg-cards dt { font-size: 0.46rem; line-height: 0.60rem; }
    .pg-cards dt i { font-size: 0.22rem; }
    .pg-cards dd { font-size: 0.23rem; line-height: 0.36rem; }

    .pg-step { padding-left: 0.80rem; margin-bottom: 0.42rem; }
    .pg-step > .no { width: 0.58rem; height: 0.58rem; line-height: 0.56rem; font-size: 0.26rem; }
    .pg-step > h3 { font-size: 0.29rem; line-height: 0.44rem; margin-bottom: 0.12rem; }
    .pg-step > h3 i { display: block; margin: 0.04rem 0 0; font-size: 0.20rem; }

    .pg-tip { font-size: 0.25rem; line-height: 1.95; padding: 0.18rem 0.18rem; }

    .pg-chips li { font-size: 0.23rem; line-height: 0.36rem; padding: 0.08rem 0.18rem; margin: 0 0.12rem 0.12rem 0; }
}