/* 产品参数表格 —— **全站唯一来源**（2026-10-26）
   引用页三处：
     · 商品详情页 /robots/{slug}（原样式在 rental-booking.css，已迁出）
     · 供应单详情页 /supply/{...}（原为 global_robot_supply.go 的内联副本）
     · 求购单详情页 /procurement/{no}（原为 global_robot_procurement.go 的内联副本）
   版式：一行 = 左/右各一组「灰底字段名 + 白底字段值」（共 4 格），行间一条横线、
   左右两半之间一条中缝竖线、整块一圈外框；右侧没有配对字段的行整行合并（.rp-span3）。
   ⚠️ 三页要一起改就改本文件 —— 不要再往页面复制一份，页面侧只允许加语义修饰类
   （例：求购单「预算范围」的 b.hl 高亮），不要覆盖版式规则。 */

.rp-param {
    display: grid;
    border: 1px solid #edf0f4;
    border-radius: 10px;
    overflow: hidden;
    background: #fff
}

.rp-row {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr) 96px minmax(0, 1fr)
}

.rp-row+.rp-row {
    border-top: 1px solid #edf0f4
}

/* 中缝竖线只画在右半部分的字段名左侧；整行合并的行（.rp-span3）没有第二个字段名，自然无线 */
.rp-row>span.rp-k2 {
    border-left: 1px solid #edf0f4
}

.rp-row>span,
.rp-row>b {
    display: grid;
    align-items: center;
    min-height: 44px;
    padding: 12px 14px;
    line-height: 1.6
}

.rp-row>span {
    background: #f6f7f9;
    color: #6b7789;
    font-size: 13px
}

.rp-row>b {
    background: #fff;
    color: #252525;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

/* 值的「合并单元格」：
   ① 整行只有一个字段（技术人员 / 服务内容 / 交货期）—— 值跨过剩余三列；
   ② 左侧字段有值、右侧那格没数据时，**加在左侧那个 b 上**，同样跨过剩余列。
   ⚠️ 不要再补一个空的 `<b class="rp-span3"></b>` 占位：那一格会跟前面的 b 抢第二列，
   grid 只能把它丢到下一行 ⇒ 整行被撑高一倍、右侧一大块空白（2026-10-26 供应单 006 就是这样乱的）。 */
.rp-row>b.rp-span3 {
    grid-column: 2 / -1
}

/* 求购单「预算范围」保留品牌色强调（旧版是 .dm-k>b.hl） */
.rp-row>b.hl {
    color: #e3242a;
    font-weight: 700
}

@media(max-width:800px) {

    /* 窄屏放不下四格：右半部分换到下一行，中缝竖线改成横线 */
    .rp-row {
        grid-template-columns: 96px minmax(0, 1fr)
    }

    .rp-row>span.rp-k2,
    .rp-row>span.rp-k2+b {
        border-top: 1px solid #edf0f4
    }

    .rp-row>span.rp-k2 {
        border-left: 0
    }
}