/* ---------- 设计变量（内页自带，避免依赖首页 theme-xmjw.css） ---------- */
:root {
    --xm-blue-900: #172554; --xm-blue-800: #1E3A8A;
    --xm-blue: #1D4ED8; --xm-blue-600: #2563EB; --xm-blue-500: #3B82F6;
    --xm-blue-100: #DBEAFE; --xm-blue-50: #EFF6FF;
    --xm-cyan: #06B6D4; --xm-cyan-soft: #CFFAFE;
    --xm-green: #10B981; --xm-amber: #F59E0B;
    --xm-ink: #0F172A; --xm-ink-2: #1E293B;
    --xm-muted: #64748B; --xm-muted-2: #94A3B8;
    --xm-line: #E2E8F0; --xm-line-2: #F1F5F9;
    --xm-bg: #FFFFFF; --xm-soft: #F8FAFC; --xm-blue-tint: #F0F7FF;
}

/* ============================================================
   xmjw.ltd 内页统一主题（配合首页的明亮蓝青风）
   与 coilingbinding.com 的「深色页头带」不同：本站用「浅色渐变页头带 + 蓝色标题」
   ============================================================ */

/* ---------- 页头带（浅色） ---------- */
.xh-head {
    position: relative; overflow: hidden;
    background:
        radial-gradient(680px 300px at 88% 0%, rgba(6,182,212,.14), transparent 68%),
        linear-gradient(180deg, #FFFFFF 0%, #F4F9FF 100%);
    border-bottom: 1px solid var(--xm-line);
    padding: 30px 0 28px;
}
.xh-head-in { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
/* 面包屑：清掉旧白底胶囊，做成浅色小字 */
.xh-head .sc_mid_tits,
.xh-head .sc_mid_tits ol,
.xh-head .sc_mid_tits ol li,
.xh-head .sc_mid_tits li {
    background: transparent !important; border: 0 !important; border-radius: 0 !important;
    box-shadow: none !important; padding: 0 !important; margin: 0 !important;
    float: none !important; width: auto !important; height: auto !important; min-height: 0 !important;
}
.xh-head .sc_mid_tits ol,
.xh-head .sc_mid_tits ul { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; list-style: none; margin: 0 0 12px !important; }
.xh-head .sc_mid_tits li { display: inline-flex; align-items: center; color: var(--xm-muted) !important; font-size: 13px !important; }
.xh-head .sc_mid_tits li + li::before { content: "/" !important; margin-right: 8px !important; color: var(--xm-muted-2) !important; }
.xh-head .sc_mid_tits a { color: var(--xm-muted) !important; text-decoration: none !important; background: transparent !important; padding: 0 !important; border: 0 !important; font-weight: 500 !important; }
.xh-head .sc_mid_tits a:hover { color: var(--xm-blue) !important; }
.xh-head .sc_mid_tits [aria-current="page"],
.xh-head .sc_mid_tits .current,
.xh-head .sc_mid_tits li span { color: var(--xm-ink) !important; font-weight: 700 !important; background: transparent !important; }
.xh-head h1,
.xh-head .jw-page-title {
    font-size: clamp(26px, 3.2vw, 42px) !important; font-weight: 800 !important;
    letter-spacing: -.03em; line-height: 1.16; color: var(--xm-ink) !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;
    text-align: left !important;
}
.xh-head .jw-page-title::after {
    content: "" !important; display: block !important; width: 56px !important; height: 4px !important;
    border-radius: 3px !important; margin-top: 14px !important;
    background: linear-gradient(90deg, var(--xm-blue), var(--xm-cyan)) !important;
}
.xh-head-sub { margin: 14px 0 0; font-size: 15.5px; line-height: 1.75; color: var(--xm-muted); max-width: 820px; }
.xh-head { display: block; }
.xh-head-grid { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 40px; align-items: center; }
.xh-head-art svg { width: 100%; height: auto; display: block; }
@media (max-width: 900px) { .xh-head-grid { grid-template-columns: 1fr; gap: 0; } .xh-head-art { display: none; } }

/* ---------- 区块标题（旧类名改造） ---------- */
.sc_mid_c_right_title {
    display: flex !important; align-items: center; gap: 12px;
    font-size: 20px !important; font-weight: 800 !important; color: var(--xm-ink) !important;
    letter-spacing: -.02em; margin: 0 0 22px !important; padding: 0 0 14px !important;
    border: 0 !important; border-bottom: 2px solid var(--xm-line) !important;
    background: transparent !important; position: relative;
}
.sc_mid_c_right_title::before {
    content: ""; width: 5px; height: 22px; border-radius: 3px; flex: none;
    background: linear-gradient(180deg, var(--xm-blue), var(--xm-cyan));
}
.sc_mid_c_right_title .btn-cat-pdf {
    margin-left: auto !important; padding: 6px 14px !important; border-radius: 999px !important;
    background: var(--xm-blue-50) !important; border: 1px solid var(--xm-blue-100) !important;
    color: var(--xm-blue) !important; font-size: 12px !important; font-weight: 700 !important;
}
.btn-cat-pdf img { display: none !important; }

/* ---------- 产品卡片 ---------- */
.xh-prodlist > .sc_mid_c_right_c,
.products-list > .sc_mid_c_right_c {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch;
}
.products-list { display: block !important; }
.pic-div {
    background: #fff !important; border: 1px solid var(--xm-line) !important;
    border-radius: 18px !important; overflow: hidden !important;
    display: flex !important; flex-direction: column; height: 100%; padding: 0 !important; margin: 0 !important;
    transition: all .18s ease;
}
.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;
}
.pic-div:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(15,23,42,.12); border-color: var(--xm-blue-100) !important; }
.pic-dt { margin: 0 !important; padding: 0 !important; background: linear-gradient(180deg,#F8FAFC,#F1F5F9) !important; }
.pic-dt > a { display: flex !important; align-items: center; justify-content: center; height: 215px !important; padding: 14px !important; }
.pic-dt img { display: block !important; width: 100% !important; height: 100% !important; max-height: 100% !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: 16px 18px 18px !important; margin: 0 !important; display: flex; flex-direction: column; flex: 1; text-align: left !important; }
.pic-div dd h3 {
    font-size: 14.5px !important; font-weight: 700 !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;
}
.pic-div dd h3 a { color: var(--xm-ink) !important; }
/* 角标 */
.pic-dt > div[style*="position:absolute"] { font-family: inherit !important; }
.pic-dt > div[style*="top:0"][style*="left:0"] { background: rgba(29,78,216,.9) !important; color: #fff !important; border-radius: 0 0 10px 0 !important; }
.pic-dt > div[style*="top:0"][style*="right:0"] {
    background: rgba(255,255,255,.95) !important; color: var(--xm-blue) !important;
    border: 1px solid var(--xm-line) !important; border-radius: 999px !important;
    margin: 8px !important; padding: 3px 9px !important; font-size: 11px !important; font-weight: 700 !important;
}
/* 询盘按钮 */
a.btn-inquiry, .pic .btn-inquiry, dd .inq a.btn-inquiry {
    display: inline-flex !important; align-items: center; justify-content: center;
    width: 100%; min-height: 42px; padding: 0 16px !important; border-radius: 999px !important;
    background: linear-gradient(120deg, var(--xm-blue), var(--xm-blue-600)) !important;
    color: #fff !important; border: 0 !important; font-size: 13.5px !important; font-weight: 700 !important;
    text-decoration: none !important; transition: all .16s ease;
    box-shadow: 0 6px 16px rgba(29,78,216,.2);
}
a.btn-inquiry:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(29,78,216,.3); color: #fff !important; }
dd .inq { display: block !important; background: transparent !important; border: 0 !important; padding: 0 !important; }

/* ---------- 新闻卡片 ---------- */
.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: 24px; }
.sc_mid_c_right_new > ul > li {
    background: #fff !important; border: 1px solid var(--xm-line) !important; border-radius: 18px !important;
    overflow: hidden; display: flex !important; flex-direction: column !important;
    float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important;
    transition: all .18s ease;
}
.sc_mid_c_right_new > ul > li:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(15,23,42,.12); border-color: var(--xm-blue-100) !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: 0 !important;
}
.sc_mid_c_right_new_d_1 { position: relative !important; background: #F1F5F9 !important; padding: 0 !important; line-height: 0 !important; overflow: hidden; height: auto !important; }
.sc_mid_c_right_new_d_1 a { display: block !important; }
.sc_mid_c_right_new_d_1 img { width: 100% !important; height: 210px !important; object-fit: cover !important; display: block !important; vertical-align: top !important; }
.sc_mid_c_right_new_d_2 { display: block !important; background: transparent !important; padding: 0 !important; }
.sc_mid_c_right_new_d_3 { background: transparent !important; }
.sc_mid_c_right_new_d_3 h2 a { font-size: 16px !important; font-weight: 700 !important; color: var(--xm-ink) !important; text-decoration: none !important; line-height: 1.45 !important; }
.sc_mid_c_right_new_d_3 h3 { font-size: 13.5px !important; color: var(--xm-muted) !important; line-height: 1.65 !important; }
.sc_mid_c_right_new_d_2 > .sc_mid_c_right_new_d_3:first-child { padding: 16px 18px 0 !important; }
.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; }
.sc_mid_c_right_new_d_1 > div[style*="top:0"][style*="left:0"] { background: rgba(29,78,216,.9) !important; color: #fff !important; }
.sc_mid_c_right_new_d_1 > div[style*="top:0"][style*="right:0"] { background: rgba(255,255,255,.94) !important; color: var(--xm-blue) !important; border-radius: 999px !important; margin: 8px !important; }

/* ---------- 分页 ---------- */
.sc_mid_c_right_new_page, .sc_page, .pagination { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 30px 0 6px !important; padding: 0 !important; list-style: none !important; }
.sc_mid_c_right_new_page a, .sc_page a, .pagination a, .pagination .page-link {
    display: inline-flex !important; align-items: center; justify-content: center;
    min-width: 40px; height: 40px; padding: 0 13px !important; border-radius: 999px !important;
    border: 1px solid var(--xm-line) !important; background: #fff !important; color: var(--xm-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(--xm-blue) !important; color: var(--xm-blue) !important; }
.sc_mid_c_right_new_page .current, .sc_page .current, .pagination .active a, .pagination .active .page-link {
    background: linear-gradient(120deg, var(--xm-blue), var(--xm-cyan)) !important; border-color: transparent !important; color: #fff !important; font-weight: 700 !important;
}

/* ---------- 下载行 ---------- */
.sc_download { display: grid; gap: 12px; }
.sc_download > ul { list-style: none !important; margin: 0 !important; padding: 15px 20px !important;
    display: flex !important; align-items: center; gap: 16px; background: #fff;
    border: 1px solid var(--xm-line); border-radius: 14px; transition: all .16s ease; }
.sc_download > ul:hover { transform: translateX(3px); border-color: var(--xm-blue-100); box-shadow: 0 10px 26px rgba(15,23,42,.08); }
.sc_download .sc_d_name { font-size: 14.5px !important; font-weight: 700 !important; color: var(--xm-ink) !important; }
.sc_download .sc_d3 a {
    display: inline-flex; align-items: center; padding: 10px 20px !important; border-radius: 999px !important;
    background: linear-gradient(120deg, var(--xm-blue), var(--xm-blue-600)) !important; color: #fff !important;
    font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important;
}

/* ---------- 左侧栏 ---------- */
.sc_mid_c_left_c { background: #fff !important; border: 1px solid var(--xm-line) !important; border-radius: 16px !important; overflow: hidden; margin: 0 0 18px !important; }
.sc_mid_c_left_c > h2, .sc_mid_c_left_c > .sidebar-title {
    background: linear-gradient(120deg, var(--xm-blue-800), var(--xm-blue)) !important; color: #fff !important;
    font-size: 15px !important; font-weight: 700 !important; padding: 14px 18px !important; margin: 0 !important; border: 0 !important;
}
.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 var(--xm-line-2); }
.sc_mid_c_left_c ul li:last-child { border-bottom: 0; }
.sc_mid_c_left_c ul li a { display: block !important; padding: 11px 18px !important; color: var(--xm-ink-2) !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(--xm-blue-50) !important; color: var(--xm-blue) !important; padding-left: 22px !important; }

/* ---------- 分类说明框 / 目录框 ---------- */
.category-description { background: #fff !important; border: 1px solid var(--xm-line) !important;
    border-left: 4px solid var(--xm-cyan) !important; border-radius: 14px !important; padding: 20px 24px !important; margin: 28px 0 0 !important; }
.category-description h2, .category-description h3 { font-size: 16px !important; font-weight: 700 !important; color: var(--xm-ink) !important; margin: 0 0 10px !important; }
.category-description p, .category-description li { font-size: 14px !important; line-height: 1.75 !important; color: #475569 !important; }
.category-pdf-download { display: flex !important; align-items: center; gap: 16px; background: var(--xm-blue-50) !important;
    border: 1px solid var(--xm-blue-100) !important; border-radius: 16px !important; padding: 16px 20px !important; margin: 0 0 24px !important; }
.cpd-ico { flex: none; width: 46px; height: 46px; border-radius: 12px; background: linear-gradient(135deg, var(--xm-blue), var(--xm-cyan));
    color: #fff; font-size: 11px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.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(--xm-ink) !important; }
.cpd-txt p { margin: 0 !important; font-size: 13px !important; color: var(--xm-muted) !important; }
.cpd-btn { flex: none; display: inline-flex; align-items: center; padding: 0 24px !important; min-height: 44px;
    border-radius: 999px !important; background: linear-gradient(120deg, var(--xm-blue), var(--xm-blue-600)) !important;
    color: #fff !important; font-size: 13.5px !important; font-weight: 700 !important; text-decoration: none !important; }

/* ---------- 详情页 ---------- */
.product-title { font-size: clamp(21px, 2.5vw, 32px) !important; font-weight: 800 !important;
    letter-spacing: -.025em; color: var(--xm-ink) !important; line-height: 1.26 !important; margin: 0 0 14px !important; }
.inquiry-button, a.inquiry-button, .button.inquiry-button {
    display: inline-flex !important; align-items: center; justify-content: center; min-height: 50px; padding: 0 36px !important;
    border-radius: 999px !important; background: linear-gradient(120deg, var(--xm-blue), var(--xm-blue-600)) !important;
    color: #fff !important; border: 0 !important; font-size: 15px !important; font-weight: 700 !important;
    text-decoration: none !important; box-shadow: 0 10px 24px rgba(29,78,216,.24);
}
.sc_mid_proview_1_right .spec-line { font-size: 13.5px !important; color: #475569 !important; padding: 7px 0 !important; border-bottom: 1px solid var(--xm-line-2) !important; }
.binq { display: inline-block !important; background: transparent !important; border: 0 !important; }

/* ---------- 兜底 ---------- */
.sc_mid_tits { font-size: 13px !important; color: var(--xm-muted) !important; }
.jw-page-title { font-size: clamp(23px, 2.8vw, 34px) !important; font-weight: 800 !important; letter-spacing: -.025em;
    color: var(--xm-ink) !important; margin: 0 0 20px !important; padding: 0 !important; border: 0 !important; }
.jw-page-title::after { background: linear-gradient(90deg, var(--xm-blue), var(--xm-cyan)) !important; }

/* ---------- 响应式 ---------- */
@media (max-width: 1180px) {
    .products-list > .sc_mid_c_right_c { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
    .sc_mid_c_right_new > ul { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
    .products-list > .sc_mid_c_right_c { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 14px !important; }
    .sc_mid_c_right_new > ul { grid-template-columns: 1fr; }
    .sc_mid_c { display: block !important; }
    .sc_mid_c_left { width: 100% !important; margin-bottom: 20px; }
}
@media (max-width: 520px) {
    .products-list > .sc_mid_c_right_c { grid-template-columns: minmax(0,1fr) !important; }
    .pic-dt > a { height: 180px !important; }
}

/* ---------- 有左侧栏时用 3 列（避免卡片被压窄） ---------- */
.sc_mid_c:has(.sc_mid_c_left) .products-list > .sc_mid_c_right_c,
.sc_mid_c:has(.sc_mid_c_left) .xh-prodlist > .sc_mid_c_right_c {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width: 1100px) {
    .sc_mid_c:has(.sc_mid_c_left) .products-list > .sc_mid_c_right_c,
    .sc_mid_c:has(.sc_mid_c_left) .xh-prodlist > .sc_mid_c_right_c { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
/* 有侧栏时新闻卡 2 列 */
.sc_mid_c:has(.sc_mid_c_left) .sc_mid_c_right_new > ul { grid-template-columns: repeat(2, 1fr) !important; }

/* ---------- 对比度强化（旧 CSS 把标题压成 13px 灰字、按钮文字压成绿字） ---------- */
.pic-div dd h3, .pic-div dd h3 a, .pic2 dd h3 a, .picl-div dd h3 a {
    font-size: 14.5px !important; font-weight: 700 !important;
    color: #0F172A !important; line-height: 1.45 !important;
}
.pic-div dd h3 a:hover, .pic:hover .pic-div dd h3 a, .pic2:hover dd h3 a,
.pic-div dd h3 a:hover, .picl-div dd h3 a:hover { color: #1D4ED8 !important; transform: none !important; }
.pic-div dd .inq a, .pic-div dd .inq a:visited, a.btn-inquiry {
    color: #ffffff !important; font-size: 13.5px !important; font-weight: 700 !important;
}
.pic:hover, .pic2:hover { border-color: #DBEAFE !important; }
.sc_mid_c_right_title, .sc_mid_c_left_c.sc_mid_left_bt { border-left-color: #1D4ED8 !important; }
.sc_mid_tits a, .sc_mid_proview_t a { color: #64748B !important; }
.sc_mid_tits a:hover, .sc_mid_proview_t a:hover { color: #1D4ED8 !important; }
.inquiry-button { background: linear-gradient(120deg,#1D4ED8,#2563EB) !important; border-color: transparent !important; color: #fff !important; }
.inquiry-button:hover { background: linear-gradient(120deg,#1E40AF,#1D4ED8) !important; }
.product-tab.active, .product-tab.active::after { color: #1D4ED8 !important; background-color: #1D4ED8 !important; }
.inquiry-form-section .ly_1:focus, .inquiry-form-section .ly_2:focus, .inquiry-form-section .ly_3:focus,
.inquiry-card input:focus, .inquiry-card textarea:focus { border-color: #1D4ED8 !important; box-shadow: 0 0 0 3px rgba(29,78,216,.18) !important; }