/* ============================================================
   产品栏目新版样式（螺纹护套系列）· 2026-10-13
   大图 Banner + 吸顶胶囊 Tab + 筛选侧栏 + 网格卡列表（桌面3列/手机2列）+ CTA
   仅作用于 .bc-cat 容器，不影响站内其他页面
   ============================================================ */

.bc-cat,
.bc-cat *,
.bc-cat *:before,
.bc-cat *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* 头部滚动压缩（.header-fix height:155px）时，头部左浮动 logo/标语的底边与
   banner 顶边处于同一像素线上，亚像素取整会让 banner 被浮动挤到右侧整体右移。
   clear:both 让 .bc-cat 永远排在头部浮动之下，彻底免疫。 */
.bc-cat { clear: both; }

.bc-cat .bc-wrap { width: 1430px; max-width: 100%; margin: 0 auto; padding: 0 15px; }
.bc-cat a { text-decoration: none; }
.bc-cat ul, .bc-cat li { list-style: none; }

/* ---------------- Banner ---------------- */
.bc-cat-banner {
    position: relative;
    overflow: hidden;
    padding: 56px 0 52px;
    background: #021a40;
    background-image: -webkit-linear-gradient(300deg, #021a40 0%, #022a6e 70%, #023793 135%);
    background-image: linear-gradient(160deg, #021a40 0%, #022a6e 70%, #023793 135%);
}
.bc-cat-banner .bg {
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    background-size: cover;
    background-position: center;
    opacity: .20;
    -webkit-filter: grayscale(1) contrast(1.06);
    filter: grayscale(1) contrast(1.06);
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
    z-index: 1;
}
.bc-cat-banner .glow {
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    background:
        -webkit-radial-gradient(ellipse 55% 80% at 88% 0%, rgba(4, 80, 194, .45), transparent 60%),
        -webkit-radial-gradient(ellipse 40% 70% at 4% 100%, rgba(247, 196, 51, .10), transparent 55%);
    background:
        radial-gradient(ellipse 55% 80% at 88% 0%, rgba(4, 80, 194, .45), transparent 60%),
        radial-gradient(ellipse 40% 70% at 4% 100%, rgba(247, 196, 51, .10), transparent 55%);
    z-index: 2;
}
.bc-cat-banner .bc-wrap { position: relative; z-index: 3; }
.bc-cat-banner em {
    display: block;
    font-style: normal;
    color: #f7c433;
    font-size: 11px;
    letter-spacing: 5px;
    line-height: 1.4;
}
.bc-cat-banner h1 {
    margin: 10px 0 0;
    color: #fff;
    font-size: 33px;
    font-weight: 600;
    letter-spacing: 9px;
    line-height: 1.3;
}
.bc-cat-banner .sell {
    margin: 14px 0 0;
    color: rgba(255, 255, 255, .84);
    font-size: 13.5px;
    letter-spacing: 1px;
    line-height: 1.8;
}

/* ---------------- 吸顶胶囊 Tab ---------------- */
.bc-tab {
    position: -webkit-sticky;
    position: sticky;
    /* 站点导航滚动后 fixed 于顶部（.header-fix .nav，高 52px），Tab 需避让 */
    top: 52px;
    z-index: 30;
    background: #fff;
    border-bottom: 1px solid #e3e9f1;
    -webkit-box-shadow: 0 6px 14px rgba(2, 26, 64, .08);
    box-shadow: 0 6px 14px rgba(2, 26, 64, .08);
}
.bc-tab .bc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    padding-top: 13px;
    padding-bottom: 13px;
}
.bc-tab a {
    display: inline-block;
    padding: 9px 24px;
    border-radius: 24px;
    font-size: 14.5px;
    color: #6b7787;
    letter-spacing: 1px;
    line-height: 1.2;
    white-space: nowrap;
    -webkit-transition: all .22s;
    transition: all .22s;
}
.bc-tab a span {
    margin-left: 5px;
    font-size: 11.5px;
    color: #aab4c2;
}
.bc-tab a:hover { color: #023793; background: #f2f6fd; }
.bc-tab a.on {
    background: #023793;
    color: #fff;
    font-weight: 600;
    -webkit-box-shadow: 0 4px 11px rgba(2, 55, 147, .30);
    box-shadow: 0 4px 11px rgba(2, 55, 147, .30);
}
.bc-tab a.on span { color: #f7c433; }

/* ---------------- 面包屑 ---------------- */
/* 面包屑在 Banner 标题右侧，与标题文字底部（基线）对齐 */
.bc-crumbs {
    display: inline-block;
    margin-left: 22px;
    vertical-align: baseline;
    font-size: 12.5px;
    font-weight: 400;
    color: rgba(255, 255, 255, .62);
    letter-spacing: .5px;
    line-height: 1;
    white-space: nowrap;
}
.bc-crumbs a { color: rgba(255, 255, 255, .62); text-decoration: none; -webkit-transition: color .2s; transition: color .2s; }
.bc-crumbs a:hover { color: #f7c433; }
.bc-crumbs i { font-style: normal; margin: 0 7px; color: rgba(255, 255, 255, .38); }
.bc-crumbs em { display: inline; font-style: normal; font-weight: 400; color: #fff; }

/* ---------------- 主体两栏 ---------------- */
.bc-body { background: #f4f6fa; padding: 52px 0 56px; }
.bc-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 38px;
}

/* 移动端筛选状态条（桌面隐藏） */
.bc-filterbar { display: none; }

/* ---------------- 筛选侧栏 ---------------- */
.bc-side {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
    width: 280px;
    background: #fff;
    border: 1px solid #e3e9f1;
    border-radius: 8px;
    padding: 24px 26px 26px;
}
.bc-side .side-h { display: none; }
.bc-side h4 {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 600;
    color: #1c2530;
    letter-spacing: 1px;
}
.bc-side h4 i { font-style: normal; color: #c9a227; font-size: 10px; margin-left: 3px; }

.bc-cat .chips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 28px;
}
.bc-cat .chips b {
    display: inline-block;
    font-weight: 400;
    font-size: 12.5px;
    line-height: 1.2;
    padding: 7px 13px;
    border: 1px solid #e3e9f1;
    border-radius: 4px;
    color: #6b7787;
    cursor: pointer;
    -webkit-transition: all .18s;
    transition: all .18s;
}
.bc-cat .chips b:hover { border-color: #023793; color: #023793; }
.bc-cat .chips b.on {
    background: #f7c433;
    border-color: #f7c433;
    color: #3a2c00;
    font-weight: 600;
}
.bc-cat .chips-size b { min-width: 46px; text-align: center; padding-left: 8px; padding-right: 8px; }

.bc-side .side-reset { margin: -4px 0 0; }
.bc-side .side-reset a { font-size: 12px; color: #9aa5b4; }
.bc-side .side-reset a:hover { color: #023793; }

.bc-side .side-qr {
    margin-top: 18px;
    border: 1px dashed #c9d2df;
    border-radius: 8px;
    padding: 16px 10px;
    text-align: center;
}
.bc-side .side-qr img { width: 108px; max-width: 100%; display: inline-block; }
.bc-side .side-qr p { margin: 8px 0 0; font-size: 12px; color: #6b7787; line-height: 1.6; }
.bc-side .side-qr .tel { margin-top: 4px; font-size: 15px; font-weight: 600; color: #023793; }

/* ---------------- 网格产品列表（桌面一排 3 个） ---------------- */
.bc-main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
.bc-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e3e9f1;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: all .22s;
    transition: all .22s;
}
.bc-row:hover {
    border-color: #c9d9f2;
    -webkit-box-shadow: 0 4px 14px rgba(2, 55, 147, .08);
    box-shadow: 0 4px 14px rgba(2, 55, 147, .08);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.bc-row .pic {
    display: block;
    width: 100%;
    height: auto;
    /* 产品原图 71 张里 53 张为标准 4:3（640x480 / 800x600），图片区按 4:3 出 → 原比例零留白 */
    aspect-ratio: 4 / 3;
    border: 0;
    border-bottom: 1px solid #eef2f7;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
}
@supports not (aspect-ratio: 4 / 3) {
    .bc-row .pic { height: 218px; }
}
.bc-row .pic span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
}
.bc-row:hover .pic span { -webkit-transform: scale(1.06); transform: scale(1.06); }

.bc-row .info { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 20px 22px 4px; }
.bc-row .info h3 {
    margin: 0;
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bc-row .info h3 a { color: #1c2530; }
.bc-row .info h3 a:hover { color: #023793; }
.bc-row .tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.bc-row .tags i {
    font-style: normal;
    font-size: 12px;
    line-height: 1.6;
    color: #6b7787;
    background: #eef1f6;
    padding: 2px 8px;
    border-radius: 3px;
}
.bc-row .tags i.cat { background: #e8f0ff; color: #023793; }
.bc-row .tags i.ok { background: #e9f7ef; color: #1c6b45; }

/* 规格重点栏：规格范围大字 + 国标/交期小字，贴在按钮区上方 */
.bc-row .spc {
    margin-top: auto;
    padding: 16px 22px 0;
    text-align: left;
}
.bc-row .spc b {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #023793;
    letter-spacing: .5px;
    line-height: 1.35;
    white-space: nowrap;
}
.bc-row .spc span {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    color: #8a96a6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bc-row .spc:empty { display: none; }

.bc-row .ops {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 16px 22px 20px;
}
.bc-row .ops a {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    line-height: 1.2;
    padding: 9px 0;
    border-radius: 4px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.bc-row .ops .ask { background: #f7c433; color: #3a2c00; font-weight: 600; }
.bc-row .ops .ask:hover { background: #eab61c; }
.bc-row .ops .det { border: 1px solid #c9d2df; color: #6b7787; }
.bc-row .ops .det:hover { border-color: #023793; color: #023793; }

.bc-empty {
    display: none;
    grid-column: 1 / -1;
    background: #fff;
    border: 1px dashed #c9d2df;
    border-radius: 8px;
    padding: 36px 24px;
    text-align: center;
    color: #9aa5b4;
    font-size: 13px;
}
.bc-empty a { color: #023793; }

/* ---------------- 页码（每页 6 款）---------------- */
.bc-pager {
    grid-column: 1 / -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    margin: 20px 0 6px;
}
.bc-pager:empty { display: none; }
.bc-pager a.pg {
    display: inline-block;
    min-width: 34px;
    height: 34px;
    line-height: 32px;
    padding: 0 10px;
    text-align: center;
    font-size: 13px;
    color: #41506a;
    background: #fff;
    border: 1px solid #dbe3ee;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .18s;
    transition: all .18s;
}
.bc-pager a.pg:hover { border-color: #023793; color: #023793; }
.bc-pager a.pg.on {
    background: #023793;
    border-color: #023793;
    color: #fff;
    font-weight: 600;
}
.bc-pager a.pg.on:hover { color: #fff; }
.bc-pager a.pg.dis {
    color: #c3ccda;
    border-color: #e9eef5;
    background: #fafbfd;
    pointer-events: none;
}
.bc-pager .pg-gap {
    display: inline-block;
    min-width: 20px;
    text-align: center;
    color: #9aa5b4;
    font-size: 13px;
}

/* ---------------- 底部 CTA + 实力 ---------------- */
/* ---------------- 收尾横幅：定制询价 + 实力背书一体 ---------------- */
.bc-close {
    background: #021a40;
    background-image: -webkit-linear-gradient(300deg, #021a40 0%, #022a6e 70%, #023793 135%);
    background-image: linear-gradient(160deg, #021a40 0%, #022a6e 70%, #023793 135%);
    color: #fff;
}
/* 注意：此元素同时带 .bc-wrap 类，.bc-cat .bc-wrap 的 padding:0 15px 优先级更高
   会顶掉这里的纵向内边距，故选择器必须带 .bc-cat 提权 */
.bc-cat .bc-close-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 38px;
    padding: 42px 26px;
}
.bc-close .l h3 {
    margin: 0;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
}
.bc-close .l h3 span {
    display: block;
    margin-top: 7px;
    font-size: 13px;
    font-weight: normal;
    color: rgba(255, 255, 255, .6);
    letter-spacing: 1.5px;
}
.bc-close .btns { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; margin-top: 16px; }
.bc-close .btns .ask {
    display: inline-block;
    padding: 10px 30px;
    background: #f7c433;
    color: #3a2c00;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    border-radius: 4px;
    -webkit-transition: background .2s;
    transition: background .2s;
}
.bc-close .btns .ask:hover { background: #ffd35e; text-decoration: none; }
.bc-close .btns .tel {
    display: inline-block;
    padding: 10px 22px;
    border: 1px solid rgba(255, 255, 255, .45);
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 4px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.bc-close .btns .tel:hover { border-color: #f7c433; color: #f7c433; text-decoration: none; }
.bc-close .r {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.bc-close .r li {
    padding: 2px 28px;
    border-left: 1px solid rgba(255, 255, 255, .18);
}
.bc-close .r li:first-child { border-left: 0; }
.bc-close .r b { display: block; color: #fff; font-size: 17px; letter-spacing: 1px; line-height: 1.4; }
.bc-close .r span { display: block; margin-top: 5px; font-size: 12.5px; color: rgba(255, 255, 255, .65); letter-spacing: .5px; line-height: 1.6; }

/* ---------------- 规格速查悬浮按钮（桌面） ---------------- */
.bc-fab {
    position: fixed;
    left: 24px;
    bottom: 96px;
    z-index: 35;
}
.bc-fab > b {
    display: block;
    width: 52px;
    padding: 10px 0;
    background: #023793;
    color: #fff;
    border-radius: 26px;
    text-align: center;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 1px;
    cursor: pointer;
    -webkit-box-shadow: 0 6px 16px rgba(2, 55, 147, .32);
    box-shadow: 0 6px 16px rgba(2, 55, 147, .32);
    -webkit-transition: all .2s;
    transition: all .2s;
}
.bc-fab > b:hover { background: #022a6e; }
.bc-fab .fab-p {
    display: none;
    position: absolute;
    left: 62px;
    bottom: 0;
    width: 268px;
    background: #fff;
    border: 1px solid #e3e9f1;
    border-radius: 10px;
    padding: 14px 14px 8px;
    -webkit-box-shadow: 0 10px 30px rgba(2, 26, 64, .16);
    box-shadow: 0 10px 30px rgba(2, 26, 64, .16);
}
.bc-fab.open .fab-p { display: block; }
.bc-fab .fab-p .h { font-size: 13px; font-weight: 600; color: #1c2530; margin-bottom: 10px; }
.bc-fab .fab-p .h i { float: right; font-style: normal; color: #9aa5b4; font-size: 12px; cursor: pointer; }
.bc-fab .fab-p .chips { margin-bottom: 4px; }
.bc-fab .fab-p .tip { margin: 4px 0 8px; font-size: 11.5px; color: #9aa5b4; line-height: 1.6; }

/* ---------------- 移动端吸底 CTA / 遮罩（桌面隐藏） ---------------- */
.bc-sticky, .bc-mask { display: none; }

/* ============================================================
   响应式
   ============================================================ */
@media screen and (max-width: 1220px) {
    .bc-cat .bc-wrap { width: auto; }
}

/* 平板：侧栏收窄，网格改一排 2 个 */
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .bc-side { -webkit-box-flex: 0; -ms-flex: 0 0 232px; flex: 0 0 232px; width: 232px; padding: 16px; }
    .bc-main { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .bc-pager { gap: 5px; margin: 12px 0 2px; }
    .bc-pager a.pg { min-width: 30px; height: 30px; line-height: 28px; padding: 0 8px; font-size: 12.5px; }
}

/* ---------------- 手机端（≤767px）---------------- */
@media screen and (max-width: 767px) {
    .bc-cat .bc-wrap { width: auto; padding: 0 12px; }

    .bc-cat-banner { padding: 26px 0 24px; }
    .bc-cat-banner em { font-size: 9.5px; letter-spacing: 3px; }
    .bc-cat-banner h1 { font-size: 23px; letter-spacing: 5px; margin-top: 7px; }
    .bc-cat-banner .sell { font-size: 11px; margin-top: 10px; max-width: 74%; line-height: 1.7; }
    .bc-cat-banner .bg { opacity: .16; }

    /* Tab 横滑：吸在移动端固定头部（50px）下方 */
    .bc-tab { top: 50px; }
    .bc-tab .bc-wrap {
        gap: 8px;
        padding: 9px 12px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .bc-tab .bc-wrap::-webkit-scrollbar { display: none; }
    .bc-tab a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 7px 15px;
        font-size: 12.5px;
        border: 1px solid #e3e9f1;
        border-radius: 20px;
    }
    .bc-tab a span { font-size: 10px; margin-left: 4px; }
    .bc-crumbs { display: none; }

    .bc-body { padding: 0 0 32px; }

    /* 筛选状态条 */
    .bc-filterbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        padding: 9px 12px;
        background: #fff;
        border-bottom: 1px solid #e3e9f1;
    }
    .bc-filterbar .fbtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
        font-size: 12px;
        padding: 6px 12px;
        border: 1px solid #e3e9f1;
        border-radius: 4px;
        color: #1c2530;
    }
    .bc-filterbar .fbtn i { font-style: normal; color: #c9a227; font-size: 9px; }
    .bc-filterbar .fsum {
        font-size: 12px;
        color: #023793;
        background: #eef3ff;
        border-radius: 3px;
        padding: 5px 8px;
        max-width: 46%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .bc-filterbar .fcount { margin-left: auto; font-size: 11px; color: #6b7787; }

    .bc-cols { display: block; padding: 16px 0 0; }

    /* 侧栏改为底部抽屉 */
    .bc-side {
        position: fixed;
        left: 0; right: 0; bottom: 0;
        width: auto;
        max-height: 76vh;
        overflow-y: auto;
        padding: 0 16px 22px;
        border: 0;
        border-radius: 14px 14px 0 0;
        -webkit-box-shadow: 0 -8px 26px rgba(2, 26, 64, .18);
        box-shadow: 0 -8px 26px rgba(2, 26, 64, .18);
        z-index: 60;
        -webkit-transform: translateY(102%);
        transform: translateY(102%);
        -webkit-transition: -webkit-transform .28s;
        transition: transform .28s;
    }
    .bc-side.open { -webkit-transform: translateY(0); transform: translateY(0); }
    .bc-side .side-h {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 16px 0 12px;
        border-bottom: 1px solid #eef2f7;
        margin-bottom: 16px;
    }
    .bc-side .side-h b { font-size: 14px; }
    .bc-side .side-h .x { margin-left: auto; color: #9aa5b4; font-size: 15px; cursor: pointer; }
    .bc-side .side-qr { display: none; }
    .bc-side h4 { font-size: 12.5px; }
    .bc-cat .chips b { font-size: 12px; padding: 7px 12px; }

    .bc-mask {
        display: none;
        position: fixed;
        left: 0; top: 0; right: 0; bottom: 0;
        background: rgba(2, 26, 64, .34);
        z-index: 55;
    }
    .bc-mask.show { display: block; }

    /* 产品网格：一排 2 个，上图下文 */
    .bc-main { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .bc-pager { gap: 5px; margin: 14px 0 2px; }
    .bc-pager a.pg { min-width: 30px; height: 30px; line-height: 28px; padding: 0 8px; font-size: 12.5px; }
    .bc-row { border-radius: 7px; }
    .bc-row .info { padding: 12px 12px 2px; }
    .bc-row .info h3 { font-size: 13.5px; line-height: 1.45; }
    /* 标签固定一行：不换行 + 超出裁切，避免 3 个标签的卡片变高把整排错位（2026-10-24） */
    .bc-row .tags { margin-top: 6px; gap: 3px; flex-wrap: nowrap; overflow: hidden; }
    .bc-row .tags i { font-size: 10.5px; padding: 2px 5px; flex: 0 0 auto; white-space: nowrap; }
    .bc-row .spc { padding: 10px 12px 0; }
    .bc-row .spc b { font-size: 13.5px; }
    .bc-row .spc span { font-size: 10.5px; }
    .bc-row .ops { padding: 10px 12px 12px; gap: 6px; }
    .bc-row .ops a { font-size: 12px; padding: 8px 0; }

    /* 移动端不显示收尾横幅（「没有找到合适规格？」询价 + 实力背书）
       底部已有站点固定导航（在线咨询/电话咨询）承担转化入口（2026-10-24） */
    .bc-close { display: none; }

    .bc-cat .bc-close-in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 22px;
        padding: 28px 16px 32px;
    }
    .bc-close .l h3 { font-size: 17px; }
    .bc-close .btns .ask { -webkit-box-flex: 1; -ms-flex: 1 1 0; flex: 1 1 0; text-align: center; }
    .bc-close .btns .tel { -webkit-box-flex: 1; -ms-flex: 1 1 0; flex: 1 1 0; text-align: center; }
    .bc-close .r { display: block; }
    .bc-close .r li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        padding: 11px 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .14);
    }
    .bc-close .r li:first-child { border-top: 0; padding-top: 0; }
    .bc-close .r b { font-size: 15px; }
    .bc-close .r span { font-size: 11.5px; }

    /* 悬浮规格速查在手机上由筛选抽屉承担 */
    .bc-fab { display: none; }

    /* 移动端底部已存在站点级固定导航（.footer-fix），本页吸底条默认关闭避免双底栏 */
    .bc-sticky { display: none; }
}

/* 极窄屏 */
@media screen and (max-width: 360px) {
    .bc-cat-banner h1 { font-size: 20px; letter-spacing: 3px; }
    .bc-row .info h3 { font-size: 12.5px; }
}