/* ============================================================
   coilingbinding.com 全站页面统一风格（配合首页 Navy #0F1D33 + Gold #D4A84B）
   覆盖既有 sc_ / pic / jw- 类，不改变 DOM 结构即可统一视觉
   ============================================================ */
:root {
    --pg-navy: #0f1d33;
    --pg-navy-2: #16294a;
    --pg-gold: #d4a84b;
    --pg-gold-dark: #8a6a1c;
    --pg-ink: #0f1720;
    --pg-muted: #64708a;
    --pg-line: #e3e8ef;
    --pg-soft: #f5f7fa;
    --pg-radius: 14px;
}

/* ============================================================
   1. 页面头部带（面包屑 + H1）
   ============================================================ */
.pg-hero {
    position: relative;
    background:
        radial-gradient(700px 260px at 88% 0%, rgba(212,168,75,.16), transparent 66%),
        linear-gradient(160deg, #0d1a2e 0%, var(--pg-navy) 52%, #14243f 100%);
    border-bottom: 3px solid var(--pg-gold);
    padding: 34px 0 30px;
}
.pg-hero-in { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.pg-hero .sc_mid_tits,
.pg-hero nav { background: transparent !important; border: 0 !important; margin: 0 0 12px !important; padding: 0 !important; }
.pg-hero ol,
.pg-hero ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; }
.pg-hero ol li,
.pg-hero ul li { color: #8b9ab4; display: inline-flex; align-items: center; }
.pg-hero ol li + li::before,
.pg-hero ul li + li::before { content: "/"; margin-right: 8px; color: #55647f; }
.pg-hero a { color: #b9c7dd !important; text-decoration: none; background: transparent !important; padding: 0 !important; border: 0 !important; }
.pg-hero a:hover { color: var(--pg-gold) !important; }
.pg-hero [aria-current="page"],
.pg-hero .current { color: #fff !important; }
.pg-hero h1,
.pg-hero .jw-page-title {
    font-size: clamp(24px, 3vw, 38px) !important;
    font-weight: 800 !important;
    letter-spacing: -.02em;
    line-height: 1.2;
    color: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
}
.pg-hero .pg-hero-sub { margin: 10px 0 0; font-size: 15px; line-height: 1.7; color: #a9b6cc; max-width: 820px; }
.pg-hero .pg-hero-sub:empty { display: none; }

/* ============================================================
   2. 区块标题（沿用旧类名，改为新版式）
   ============================================================ */
.sc_mid_c_right_title {
    display: flex !important;
    align-items: center;
    gap: 12px;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--pg-ink) !important;
    letter-spacing: -.01em;
    margin: 0 0 20px !important;
    padding: 0 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pg-line) !important;
    background: transparent !important;
    position: relative;
    line-height: 1.35;
}
.sc_mid_c_right_title::before {
    content: "";
    width: 4px; height: 20px; border-radius: 3px; flex: none;
    background: linear-gradient(180deg, var(--pg-gold), #b8860b);
}
.sc_mid_c_right_title .btn-cat-pdf {
    margin-left: auto !important;
    border-color: var(--pg-gold) !important;
    color: var(--pg-gold-dark) !important;
    background: rgba(212,168,75,.09) !important;
    font-weight: 600 !important;
    padding: 5px 12px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
}

/* ============================================================
   3. 产品卡片（.pic / .pic-div / .pic-dt）
   ============================================================ */
.sc_mid_c_right_c .pic,
.products-list .pic { margin: 0 0 4px; }

.pic-div {
    background: #fff !important;
    border: 1px solid var(--pg-line) !important;
    border-radius: var(--pg-radius) !important;
    overflow: hidden;
    display: flex !important;
    flex-direction: column;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
    transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
.pic-div:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgba(15,29,51,.12);
    border-color: rgba(212,168,75,.5) !important;
}
.pic-dt { margin: 0 !important; padding: 0 !important; position: relative; background: #f1f4f8; }
.pic-dt > a { display: block; padding: 12px; }
.pic-dt img {
    display: block !important;
    width: 100% !important;
    height: 200px !important;
    object-fit: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    transition: transform .25s ease;
}
.pic-div:hover .pic-dt img { transform: scale(1.04); }
.pic-div dd { padding: 15px 17px 17px !important; margin: 0 !important; display: flex; flex-direction: column; flex: 1; }
.pic-div dd h3 { font-size: 14.5px !important; font-weight: 600 !important; line-height: 1.45 !important; margin: 0 0 10px !important; }
.pic-div dd h3 a { color: var(--pg-ink) !important; text-decoration: none !important; }
.pic-div:hover dd h3 a { color: var(--pg-navy-2) !important; }
.pic-div dd p { font-size: 13px !important; line-height: 1.6 !important; color: var(--pg-muted) !important; margin: 0 0 12px !important; }

/* 角标（页面内联样式，强制覆盖） */
.pic-dt > div[style*="position:absolute"],
.sc_mid_c_right_new_d_1 > div[style*="position:absolute"] {
    border-radius: 0 0 8px 0 !important;
    font-family: inherit !important;
}
.pic-dt > div[style*="top:0"][style*="left:0"],
.sc_mid_c_right_new_d_1 > div[style*="top:0"][style*="left:0"] {
    background: rgba(15,29,51,.88) !important;
    color: #fff !important;
    border-bottom-right-radius: 8px !important;
}
.pic-dt > div[style*="top:0"][style*="right:0"],
.sc_mid_c_right_new_d_1 > div[style*="top:0"][style*="right:0"] {
    background: rgba(212,168,75,.94) !important;
    color: #10192b !important;
    border-bottom-left-radius: 8px !important;
    font-weight: 600 !important;
}

/* 产品列表网格 */
.sc_mid_c_right_c .pic-div,
.products-list .pic-div { min-height: 100%; }
/* 外层容器保持块级（它同时带 products-list 与 sc_mid_c_right_c 两个类） */
.products-list { display: block !important; }
/* 内层才是卡片网格 */
.products-list > .sc_mid_c_right_c {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
/* 网格单元格内的卡片占满整格（覆盖旧 float/窄宽规则） */
.products-list > .sc_mid_c_right_c > .pic,
.products-list > .sc_mid_c_right_c > .pic2,
.products-list > .sc_mid_c_right_c > .pics,
.products-list > .sc_mid_c_right_c > .pics2 {
    float: none !important; width: 100% !important; max-width: 100% !important;
    margin: 0 !important; display: block !important; height: auto !important;
}
.products-list > .sc_mid_c_right_c > .pic > .pic-div { width: 100% !important; max-width: 100% !important; }
@media (max-width: 1100px) { .products-list > .sc_mid_c_right_c { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 820px) { .products-list > .sc_mid_c_right_c { grid-template-columns: repeat(2, 1fr); gap: 14px; } }
@media (max-width: 480px) { .products-list > .sc_mid_c_right_c { grid-template-columns: 1fr; } }

/* ============================================================
   4. 新闻卡片（.sc_mid_c_right_new_d_1/2/3）
   ============================================================ */
.sc_mid_c_right_new > ul {
    list-style: none !important; margin: 0 !important; padding: 0 !important;
    display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 22px;
}
.sc_mid_c_right_new > ul > li {
    background: #fff; border: 1px solid var(--pg-line); border-radius: var(--pg-radius);
    overflow: hidden; display: flex; flex-direction: column;
    transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
.sc_mid_c_right_new > ul > li:hover {
    transform: translateY(-3px); box-shadow: 0 14px 34px rgba(15,29,51,.12); border-color: rgba(212,168,75,.5);
}
.sc_mid_c_right_new_d_1 { position: relative; background: #f1f4f8; }
.sc_mid_c_right_new_d_1 > a { display: block; }
.sc_mid_c_right_new_d_1 img {
    display: block !important; width: 100% !important; height: 210px !important;
    object-fit: cover !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important;
    transition: transform .3s ease;
}
.sc_mid_c_right_new > ul > li:hover .sc_mid_c_right_new_d_1 img { transform: scale(1.05); }
.sc_mid_c_right_new_d_2 { padding: 16px 18px 0 !important; margin: 0 !important; }
.sc_mid_c_right_new_d_2 a,
.sc_mid_c_right_new_d_2 h3 { font-size: 15px !important; font-weight: 700 !important; line-height: 1.45 !important; color: var(--pg-ink) !important; text-decoration: none !important; margin: 0 !important; }
.sc_mid_c_right_new_d_3 { padding: 8px 18px 18px !important; margin: 0 !important; font-size: 13px !important; line-height: 1.65 !important; color: var(--pg-muted) !important; flex: 1; }
@media (max-width: 1000px) { .sc_mid_c_right_new > ul { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .sc_mid_c_right_new > ul { grid-template-columns: 1fr; } }

/* 新闻分页条 */
.sc_mid_c_right_new_page,
.sc_page,
.pagination { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 28px 0 6px !important; padding: 0 !important; list-style: none !important; }
.sc_mid_c_right_new_page a,
.sc_mid_c_right_new_page span,
.sc_page a,
.pagination a,
.pagination .page-link {
    display: inline-flex !important; align-items: center; justify-content: center;
    min-width: 38px; height: 38px; padding: 0 12px !important;
    border: 1px solid var(--pg-line) !important; border-radius: 9px !important;
    background: #fff !important; color: var(--pg-ink) !important;
    font-size: 14px !important; text-decoration: none !important;
    transition: all .16s ease;
}
.sc_mid_c_right_new_page a:hover,
.sc_page a:hover,
.pagination a:hover { border-color: var(--pg-gold) !important; color: var(--pg-gold-dark) !important; }
.sc_mid_c_right_new_page .current,
.sc_page .current,
.pagination .active .page-link,
.pagination .active a {
    background: var(--pg-navy) !important; border-color: var(--pg-navy) !important; color: #fff !important; font-weight: 600 !important;
}

/* ============================================================
   5. 下载列表（.sc_d1/2/3）
   ============================================================ */
.sc_download { display: grid; gap: 12px; }
.sc_download > ul {
    list-style: none !important; margin: 0 !important; padding: 14px 18px !important;
    display: flex !important; align-items: center; gap: 16px;
    background: #fff; border: 1px solid var(--pg-line); border-radius: var(--pg-radius);
    transition: box-shadow .16s ease, border-color .16s ease, transform .16s ease;
}
.sc_download > ul:hover { transform: translateX(3px); border-color: rgba(212,168,75,.5); box-shadow: 0 8px 22px rgba(15,29,51,.08); }
.sc_download .sc_d1 { flex: none; display: flex; align-items: center; }
.sc_download .sc_d1 img { width: 30px !important; height: 30px !important; }
.sc_download .sc_d2 { flex: 1; min-width: 0; }
.sc_download .sc_d_name { font-size: 14.5px !important; font-weight: 600 !important; color: var(--pg-ink) !important; line-height: 1.5; }
.sc_download .sc_d3 { flex: none; }
.sc_download .sc_d3 a {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 9px 18px !important; border-radius: 8px !important;
    background: var(--pg-navy) !important; color: #fff !important;
    font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important;
    transition: background .16s ease;
}
.sc_download .sc_d3 a:hover { background: var(--pg-navy-2) !important; }

/* ============================================================
   6. 左侧栏（.sc_mid_c_left）
   ============================================================ */
.sc_mid_c_left_c {
    background: #fff !important;
    border: 1px solid var(--pg-line) !important;
    border-radius: var(--pg-radius) !important;
    overflow: hidden;
    margin: 0 0 18px !important;
}
.sc_mid_c_left_c > h2,
.sc_mid_c_left_c > .sidebar-title {
    background: var(--pg-navy) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 13px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    letter-spacing: .02em;
}
.sc_mid_c_left_c ul { list-style: none !important; margin: 0 !important; padding: 6px 0 !important; }
.sc_mid_c_left_c ul li { margin: 0 !important; border-bottom: 1px solid #f1f4f8; }
.sc_mid_c_left_c ul li:last-child { border-bottom: 0; }
.sc_mid_c_left_c ul li a {
    display: block !important; padding: 10px 16px !important;
    color: #33404d !important; font-size: 14px !important; text-decoration: none !important;
    background: transparent !important; border: 0 !important;
    transition: all .15s ease;
}
.sc_mid_c_left_c ul li a:hover { background: var(--pg-soft) !important; color: var(--pg-navy) !important; padding-left: 20px !important; }
.sc_mid_c_left_c ul li a.active,
.sc_mid_c_left_c ul li.current a { background: rgba(212,168,75,.12) !important; color: var(--pg-gold-dark) !important; font-weight: 600 !important; }

/* ============================================================
   7. 分类描述框 & 通用内容块
   ============================================================ */
.category-description {
    background: #fff !important; border: 1px solid var(--pg-line) !important;
    border-left: 4px solid var(--pg-gold) !important;
    border-radius: 12px !important;
    padding: 20px 24px !important; margin: 26px 0 0 !important;
}
.category-description h2,
.category-description h3 { font-size: 16px !important; font-weight: 700 !important; margin: 0 0 10px !important; color: var(--pg-ink) !important; }
.category-description p,
.category-description li { font-size: 14px !important; line-height: 1.75 !important; color: #4a576a !important; }

/* 面包屑（非 .pg-hero 内的兜底样式） */
.sc_mid_tits { font-size: 13px !important; color: var(--pg-muted) !important; margin: 0 0 14px !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
.sc_mid_tits a { color: var(--pg-muted) !important; text-decoration: none !important; background: transparent !important; padding: 0 !important; border: 0 !important; }
.sc_mid_tits a:hover { color: var(--pg-gold-dark) !important; }

/* 主标题（非 .pg-hero 内兜底） */
.jw-page-title {
    font-size: clamp(22px, 2.6vw, 32px) !important; font-weight: 800 !important;
    letter-spacing: -.02em; color: var(--pg-ink) !important;
    margin: 0 0 20px !important; padding: 0 0 14px !important;
    border: 0 !important; border-bottom: 2px solid var(--pg-gold) !important;
    background: transparent !important; text-align: left !important;
}

/* 通用按钮（站内遗留 .btn 类统一成新版） */
.sc_mid a.btn,
.sc_mid input[type="submit"],
.sc_mid button[type="submit"] {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 42px; padding: 0 22px;
    background: var(--pg-navy) !important; color: #fff !important;
    border: 0 !important; border-radius: 8px !important;
    font-size: 14px !important; font-weight: 600 !important;
    text-decoration: none !important; cursor: pointer;
    transition: background .16s ease;
}
.sc_mid a.btn:hover,
.sc_mid input[type="submit"]:hover,
.sc_mid button[type="submit"]:hover { background: var(--pg-navy-2) !important; }

/* 表格/详情页通用修饰 */
.sc_mid_c_right_c img { max-width: 100%; height: auto; }

/* 侧栏在窄屏自动堆叠 */
@media (max-width: 900px) {
    .sc_mid_c { display: block !important; }
    .sc_mid_c_left { width: 100% !important; margin-bottom: 20px; }
}

/* ============================================================
   8. 分类目录下载框（替换旧内联红色样式）
   ============================================================ */
.category-pdf-download {
    display: flex !important; align-items: center; gap: 16px;
    background: #fff !important; border: 1px solid var(--pg-line) !important;
    border-left: 4px solid var(--pg-gold) !important;
    border-radius: 12px !important; padding: 16px 20px !important; margin: 0 0 24px !important;
}
.cpd-ico {
    flex: none; width: 44px; height: 44px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(212,168,75,.14); color: var(--pg-gold-dark);
    font-size: 11px; font-weight: 800; letter-spacing: .04em;
}
.cpd-txt { flex: 1; min-width: 0; }
.cpd-txt h3 { margin: 0 0 4px !important; font-size: 15.5px !important; font-weight: 700 !important; color: var(--pg-ink) !important; }
.cpd-txt p { margin: 0 !important; font-size: 13px !important; color: var(--pg-muted) !important; }
.cpd-btn {
    flex: none; display: inline-flex; align-items: center; justify-content: center;
    min-height: 42px; padding: 0 22px !important; border-radius: 8px !important;
    background: var(--pg-navy) !important; color: #fff !important;
    font-size: 13.5px !important; font-weight: 600 !important; text-decoration: none !important;
    transition: background .16s ease;
}
.cpd-btn:hover { background: var(--pg-navy-2) !important; }
@media (max-width: 640px) {
    .category-pdf-download { flex-wrap: wrap; }
    .cpd-btn { width: 100%; }
}

/* ============================================================
   9. 询盘按钮统一为品牌色（覆盖旧绿/红 !important 规则）
   ============================================================ */
.sc_mid_c_right dd .inq a.btn-inquiry,
.sc_mid_c_right_c dd .inq a.btn-inquiry,
.pic .btn-inquiry,
.pic-div dd .btn-inquiry,
.products-list .btn-inquiry,
a.btn-inquiry {
    display: inline-flex !important; align-items: center; justify-content: center;
    width: 100%; min-height: 40px; padding: 0 16px !important;
    background: var(--pg-navy) !important; color: #fff !important;
    border: 1px solid var(--pg-navy) !important; border-radius: 8px !important;
    font-size: 13.5px !important; font-weight: 600 !important;
    text-decoration: none !important; transition: all .16s ease;
}
.sc_mid_c_right dd .inq a.btn-inquiry:hover,
.pic .btn-inquiry:hover,
.products-list .btn-inquiry:hover,
a.btn-inquiry:hover {
    background: var(--pg-navy-2) !important; border-color: var(--pg-navy-2) !important;
    color: #fff !important; transform: translateY(-1px);
}
dd .inq { display: block !important; background: transparent !important; border: 0 !important; padding: 0 !important; }

/* ============================================================
   10. 新闻卡片内部元素：清除旧 float / 固定宽度
   ============================================================ */
.sc_mid_c_right_new > ul > li,
.sc_mid_c_right_new ul > li {
    float: none !important; width: auto !important; max-width: 100% !important;
    display: flex !important; flex-direction: column !important;
    padding: 0 !important; margin: 0 !important; background: #fff !important;
    list-style: none !important;
}
.sc_mid_c_right_new_d_1,
.sc_mid_c_right_new_d_2,
.sc_mid_c_right_new_d_3 {
    float: none !important; width: 100% !important; max-width: 100% !important;
    clear: both !important; margin-left: 0 !important; margin-right: 0 !important;
    box-sizing: border-box !important;
}
.sc_mid_c_right_new_d_1 { position: relative !important; overflow: hidden; }
.sc_mid_c_right_new_d_1 a { display: block !important; width: 100% !important; }
.sc_mid_c_right_new_d_1 img {
    width: 100% !important; max-width: 100% !important; height: 210px !important;
    object-fit: cover !important; display: block !important; float: none !important;
    margin: 0 !important; border-radius: 0 !important;
}
.sc_mid_c_right_new > ul { align-items: stretch; }
.sc_mid_c_right_new > ul > li > .sc_mid_c_right_new_d_2 { margin-top: 0 !important; }
.sc_mid_c_right_new_d_3 { flex: 1 1 auto; }

/* ============================================================
   11. 新闻卡片包裹层修正（清除旧背景色与重复内边距）
   ============================================================ */
.sc_mid_c_right_new_d_2 {
    background: transparent !important; border: 0 !important;
    padding: 0 !important; margin: 0 !important;
    width: 100% !important; float: none !important;
    display: block !important; box-shadow: none !important;
}
.sc_mid_c_right_new_d_2 > .sc_mid_c_right_new_d_3:first-child {
    padding: 16px 18px 0 !important; margin: 0 !important; background: transparent !important;
}
.sc_mid_c_right_new_d_2 > .sc_mid_c_right_new_d_3:last-child,
.sc_mid_c_right_new_d_2 > .sc_mid_c_right_new_d_3 + .sc_mid_c_right_new_d_3 {
    padding: 8px 18px 18px !important; margin: 0 !important; background: transparent !important;
}
.sc_mid_c_right_new_d_3 { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.sc_mid_c_right_new_d_3 h2, .sc_mid_c_right_new_d_3 h3 { margin: 0 !important; }
.sc_mid_c_right_new_d_3 h2 a { font-size: 15px !important; font-weight: 700 !important; line-height: 1.45 !important; color: var(--pg-ink) !important; text-decoration: none !important; }
.sc_mid_c_right_new_d_3 h3 { font-size: 13px !important; font-weight: 400 !important; line-height: 1.65 !important; color: var(--pg-muted) !important; }
.sc_mid_c_right_new > ul > li { overflow: hidden; }

/* ============================================================
   12. d_1 背景强制（旧 CSS 给了 #c8102e 红色，产生色块）
   ============================================================ */
.sc_mid_c_right_new_d_1 {
    background: #f1f4f8 !important;
    padding: 0 !important; margin: 0 !important;
    line-height: 0 !important; font-size: 0 !important;
    height: auto !important;
}
.sc_mid_c_right_new_d_1 > a > img,
.sc_mid_c_right_new_d_1 img { vertical-align: top !important; }

/* ============================================================
   14. 产品列表页精修（更大图片区 / 白底 / 标题对齐 / 徽章精简）
   ============================================================ */
.products-list > .sc_mid_c_right_c {
    grid-template-columns: repeat(auto-fill, minmax(264px, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch;
}
/* 图片区：白底 + 更高的展示框，减少灰底留白感 */
.products-list .pic-dt {
    background: #fff !important;
    border-bottom: 1px solid #eef2f7 !important;
    padding: 0 !important;
    height: auto !important;
}
.products-list .pic-dt > a {
    display: flex !important; align-items: center; justify-content: center;
    height: 238px !important; padding: 18px 20px !important;
}
.products-list .pic-dt img {
    height: 100% !important; width: 100% !important;
    max-height: 100% !important; max-width: 100% !important;
    object-fit: contain !important;
}
/* 卡片本体 */
.products-list .pic-div {
    border-radius: 16px !important;
    border: 1px solid #e8edf3 !important;
    box-shadow: 0 1px 2px rgba(15,29,51,.04);
}
.products-list .pic-div:hover {
    box-shadow: 0 18px 40px rgba(15,29,51,.13) !important;
    border-color: rgba(212,168,75,.55) !important;
    transform: translateY(-4px);
}
/* 文字区：标题两行对齐 + 收紧内边距 */
.products-list .pic-div dd {
    padding: 16px 18px 18px !important;
    text-align: left !important;
}
.products-list .pic-div dd h3 {
    font-size: 14.5px !important; font-weight: 600 !important; line-height: 1.45 !important;
    margin: 0 0 12px !important;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; min-height: 42px;
}
.products-list .pic-div dd h3 a { color: var(--pg-ink) !important; }
.products-list .pic-div dd > div:not([style*="position"]) { display: none; }
/* 徽章：更小更精致 */
.products-list .pic-dt > div[style*="top:0"][style*="left:0"] {
    background: rgba(15,29,51,.82) !important;
    border-radius: 0 0 10px 0 !important;
    padding: 5px 9px !important;
}
.products-list .pic-dt > div[style*="top:0"][style*="left:0"] div:first-child { font-size: 13px !important; font-weight: 700 !important; }
.products-list .pic-dt > div[style*="top:0"][style*="left:0"] div:last-child { font-size: 10px !important; opacity: .85; }
.products-list .pic-dt > div[style*="top:0"][style*="right:0"] {
    background: rgba(255,255,255,.94) !important; color: #33404d !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 999px !important; padding: 3px 9px !important;
    font-size: 11px !important; font-weight: 600 !important;
    box-shadow: 0 2px 6px rgba(15,29,51,.08);
    margin: 8px; right: 0 !important; top: 0 !important;
}
/* 区块标题条：改为紧凑工具条（避免与页头标题重复造成的臃肿） */
.products-list > .sc_mid_c_right_title {
    font-size: 17px !important;
    padding: 0 0 12px !important;
    margin-bottom: 18px !important;
}
@media (max-width: 1400px) { .products-list > .sc_mid_c_right_c { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important; } }
@media (max-width: 1100px) { .products-list > .sc_mid_c_right_c { grid-template-columns: repeat(auto-fill, minmax(228px, 1fr)) !important; gap: 18px !important; } }
@media (max-width: 640px) {
    .products-list > .sc_mid_c_right_c { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
    .products-list .pic-dt > a { height: 168px !important; padding: 12px !important; }
    .products-list .pic-div dd { padding: 12px 12px 14px !important; }
    .products-list .pic-div dd h3 { font-size: 13.5px !important; min-height: 38px; margin-bottom: 10px !important; }
}

/* ============================================================
   15. 细节收口
   ============================================================ */
/* Catalog 按钮内的破损图标隐藏（旧代码引用不存在的图标文件） */
.btn-cat-pdf img { display: none !important; }
.btn-cat-pdf { gap: 0 !important; }
/* 图片展示区收紧：减少上下留白，让机器图更饱满 */
.products-list .pic-dt > a { height: 205px !important; padding: 10px 14px !important; }
.products-list .pic-dt img { max-height: 185px !important; }
@media (max-width: 640px) {
  .products-list .pic-dt > a { height: 150px !important; padding: 8px !important; }
  .products-list .pic-dt img { max-height: 134px !important; }
}

/* ============================================================
   16. 全站产品概览页（/product/，25 分类 × 3 款）紧凑卡片
   ============================================================ */
.pg-overview .pic-dt > a { height: 150px !important; padding: 8px 12px !important; }
.pg-overview .pic-dt img { max-height: 134px !important; }
.pg-overview .pic-div dd { padding: 12px 14px 14px !important; }
.pg-overview .pic-div dd h3 {
    font-size: 13.5px !important; line-height: 1.4 !important;
    -webkit-line-clamp: 2; min-height: 38px; margin-bottom: 10px !important;
}
.pg-overview .pic-div dd .inq a.btn-inquiry,
.pg-overview .btn-inquiry { min-height: 36px !important; font-size: 12.5px !important; }
.pg-overview .pic-div { border-radius: 12px !important; }
.pg-overview .pic-dt > div[style*="top:0"][style*="left:0"] { padding: 3px 7px !important; }
.pg-overview .pic-dt > div[style*="top:0"][style*="left:0"] div:first-child { font-size: 11px !important; }
.pg-overview .pic-dt > div[style*="top:0"][style*="left:0"] div:last-child { font-size: 9px !important; }
.pg-overview .pic-dt > div[style*="top:0"][style*="right:0"] { display: none !important; }
/* 分类区块之间加大间距，形成清晰节奏 */
.pg-overview > .sc_mid_c_right_title { margin-top: 8px !important; }
.pg-overview { row-gap: 22px; }

/* ============================================================
   17. 网格改为显式列数（铺满容器，避免 auto-fill 不确定性）
   ============================================================ */
.products-list > .sc_mid_c_right_c,
.pg-overview > .sc_mid_c_right_c {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 1180px) {
    .products-list > .sc_mid_c_right_c,
    .pg-overview > .sc_mid_c_right_c { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 860px) {
    .products-list > .sc_mid_c_right_c,
    .pg-overview > .sc_mid_c_right_c { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; }
}
@media (max-width: 520px) {
    .products-list > .sc_mid_c_right_c,
    .pg-overview > .sc_mid_c_right_c { grid-template-columns: minmax(0, 1fr) !important; }
}

/* ============================================================
   18. ★ 概览页每分类仅 3 款 → 网格必须 3 列才能铺满（关键修复）
   ============================================================ */
.pg-overview > .sc_mid_c_right_c {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width: 1180px) {
    .pg-overview > .sc_mid_c_right_c { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 860px) {
    .pg-overview > .sc_mid_c_right_c { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 520px) {
    .pg-overview > .sc_mid_c_right_c { grid-template-columns: minmax(0, 1fr) !important; }
}

/* ============================================================
   19. 页头带两栏布局：左侧文字 + 右侧技术线稿
   ============================================================ */
.pg-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 372px;
    grid-template-areas: "main art" "sub art";
    column-gap: 40px;
    row-gap: 0;
    align-items: start;
}
.pg-hero-main { grid-area: main; min-width: 0; }
.pg-hero-sub { grid-area: sub; }
.pg-hero-art { grid-area: art; align-self: center; }
.pg-hero-sub {
    margin: 16px 0 0; font-size: 14.5px; line-height: 1.75;
    color: #a9b6cc; max-width: 760px;
}
.pg-hero-art { opacity: .95; }
.pg-hero-art svg { width: 100%; height: auto; display: block; }
@media (max-width: 1080px) {
    .pg-hero-grid { grid-template-columns: minmax(0, 1fr) 290px; gap: 26px; }
}
@media (max-width: 900px) {
    .pg-hero-grid { grid-template-columns: 1fr; grid-template-areas: "main" "sub"; gap: 0; }
    .pg-hero-art { display: none; }
}