/* 产品详情页模板样式（GOP 基线结构 / 主题蓝 #007bff）— byekey-tweaks 插件 */
:root { --bkp-accent: #007bff; --bkp-ink: #1A1A1A; --bkp-gray: #666; --bkp-soft: #F5F7FA; }

/* 隐藏主题默认路径条（新模板自带面包屑） */
body.bk-product-single .tb-crumbs,
body.bk-product-archive .tb-crumbs { display: none; }

.bk-product-page { padding: 24px 0 72px; background: #fff; }
.bkp-container { max-width: 1160px; margin: 0 auto; padding: 0 20px; }

/* 面包屑 */
.bkp-crumbs { font-size: 13px; color: var(--bkp-gray); margin-bottom: 24px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bkp-crumbs a { color: var(--bkp-gray); text-decoration: none; }
.bkp-crumbs a:hover { color: var(--bkp-accent); }
.bkp-crumbs .bkp-crumb-now { color: var(--bkp-ink); font-weight: 600; }

/* 首屏两栏 */
.bkp-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; margin-bottom: 56px; }
.bkp-gallery { background: var(--bkp-soft); border-radius: 16px; padding: 28px; display: flex; align-items: center; justify-content: center; min-height: 380px; }
.bkp-gallery img { max-width: 100%; height: auto; display: block; }
.bkp-img-placeholder { color: #aaa; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }

.bkp-pills-row { margin-bottom: 14px; }
.bkp-pill { display: inline-block; background: var(--bkp-accent); color: #fff; font-size: 13px; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase; padding: 6px 14px; border-radius: 20px; }
.bkp-title { font-size: 34px; font-weight: 800; color: var(--bkp-ink); line-height: 1.25; margin: 0 0 10px; }
.bkp-title-underline { width: 56px; height: 3px; background: var(--bkp-accent); border-radius: 2px; margin-bottom: 18px; }
.bkp-desc { font-size: 16px; color: var(--bkp-gray); line-height: 1.65; margin: 0 0 22px; }

/* 参数盒（自动隐藏空参数：PHP 端只输出已填项） */
.bkp-specs-box { background: var(--bkp-soft); border-radius: 16px; padding: 24px; margin-bottom: 26px; }
.bkp-specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 16px; }
.bkp-spec-val-row { display: flex; align-items: center; gap: 8px; color: var(--bkp-ink); }
.bkp-spec-val-row svg { color: var(--bkp-accent); flex: none; }
.bkp-spec-value { font-size: 16px; font-weight: 700; }
.bkp-spec-label { font-size: 13px; color: var(--bkp-gray); margin-top: 3px; }

/* CTA */
.bkp-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.bkp-btn { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700;
  padding: 14px 26px; border-radius: 12px; text-decoration: none; transition: all .25s cubic-bezier(.4,0,.2,1); }
.bkp-btn-quote { background: var(--bkp-accent); color: #fff; }
.bkp-btn-quote:hover { background: #0062cc; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,123,255,.28); color: #fff; }
.bkp-btn-wa { background: #fff; color: var(--bkp-accent); border: 1.5px solid var(--bkp-accent); }
.bkp-btn-wa:hover { background: #F0F6FF; color: var(--bkp-accent); }

/* 正文 */
.bkp-content { font-size: 16px; line-height: 1.8; color: #333; margin-bottom: 64px; }
.bkp-content img { max-width: 100%; height: auto; }
.bkp-content h2, .bkp-content h3 { color: var(--bkp-ink); margin: 36px 0 14px; }
.bkp-content .bk-spec-table { width: 100%; border-collapse: collapse; margin: 0 0 32px; }
.bkp-content .bk-spec-table th { background: var(--bkp-soft); text-align: left; font-size: 14px; color: var(--bkp-gray); font-weight: 600; padding: 12px 16px; border: 1px solid #E8ECF1; width: 22%; }
.bkp-content .bk-spec-table td { font-size: 14px; color: var(--bkp-ink); font-weight: 600; padding: 12px 16px; border: 1px solid #E8ECF1; }

/* 相关产品 */
.bkp-h2 { font-size: 28px; font-weight: 800; color: var(--bkp-ink); margin: 0 0 28px; }
.bkp-related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.bkp-rel-card { border: 1.5px solid #E8ECF1; border-radius: 16px; padding: 16px; transition: all .3s cubic-bezier(.4,0,.2,1); background: #fff; }
.bkp-rel-card:hover { border-color: var(--bkp-accent); box-shadow: 0 10px 24px rgba(0,0,0,.06); transform: translateY(-2px); }
.bkp-rel-img { display: block; background: var(--bkp-soft); border-radius: 12px; overflow: hidden; height: 160px; margin-bottom: 14px; }
.bkp-rel-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bkp-rel-title { font-size: 15px; font-weight: 700; margin: 0 0 8px; line-height: 1.4; }
.bkp-rel-title a { color: var(--bkp-ink); text-decoration: none; }
.bkp-rel-card:hover .bkp-rel-title a { color: var(--bkp-accent); }
.bkp-rel-link { font-size: 13px; font-weight: 600; color: var(--bkp-accent); text-decoration: none; }

/* ===== 产品分类列表页 ===== */
.bk-archive-page { padding: 24px 0 72px; background: #fff; }
.bka-container { max-width: 1160px; margin: 0 auto; padding: 0 20px; }
.bka-head { margin-bottom: 36px; }
.bka-title { font-size: 32px; font-weight: 800; color: var(--bkp-ink); line-height: 1.25; margin: 0 0 10px; }
.bka-title-underline { width: 56px; height: 3px; background: var(--bkp-accent); border-radius: 2px; margin-bottom: 14px; }
.bka-desc { font-size: 15px; color: var(--bkp-gray); line-height: 1.6; margin: 0; max-width: 720px; }

/* 分页 */
.bka-pagination { margin-top: 44px; }
.bka-pagination .nav-links { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.bka-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 40px; padding: 0 12px; border-radius: 10px; font-size: 14px; font-weight: 700;
  color: var(--bkp-ink); background: #fff; border: 1.5px solid #E8ECF1; text-decoration: none; transition: all .2s cubic-bezier(.4,0,.2,1); }
.bka-pagination .page-numbers:hover { border-color: var(--bkp-accent); color: var(--bkp-accent); }
.bka-pagination .page-numbers.current { background: var(--bkp-accent); border-color: var(--bkp-accent); color: #fff; }
.bka-pagination .page-numbers.dots { border-color: transparent; }

/* ===== 下载中心（GOP downloads 式卡片） ===== */
.bkd-head { margin-bottom: 34px; }
.bkd-eyebrow { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  color: var(--bkp-accent); background: #F0F6FF; border-radius: 20px; padding: 5px 14px; margin-bottom: 14px; }
.bkd-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.bkd-pill { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: var(--bkp-ink);
  background: var(--bkp-soft); border-radius: 20px; padding: 7px 14px; }
.bkd-pill svg { color: var(--bkp-accent); }

.bkd-list { display: flex; flex-direction: column; gap: 16px; }
.bkd-card { display: flex; align-items: center; gap: 22px; background: #fff; border: 1.5px solid #E8ECF1;
  border-radius: 16px; padding: 20px 24px; transition: all .3s cubic-bezier(.4,0,.2,1); }
.bkd-card:hover { border-color: var(--bkp-accent); box-shadow: 0 10px 24px rgba(0,0,0,.06); transform: translateY(-2px); }
.bkd-left { position: relative; flex: none; }
.bkd-file-icon { width: 58px; height: 58px; border-radius: 12px; background: #F0F6FF; color: var(--bkp-accent);
  display: flex; align-items: center; justify-content: center; }
.bkd-badge { position: absolute; bottom: -6px; right: -8px; background: var(--bkp-accent); color: #fff;
  font-size: 10px; font-weight: 800; letter-spacing: .04em; border-radius: 6px; padding: 2px 7px; }
.bkd-mid { flex: 1; min-width: 0; }
.bkd-title { font-size: 17px; font-weight: 700; color: var(--bkp-ink); margin: 0 0 8px; line-height: 1.4; }
.bkd-card:hover .bkd-title { color: var(--bkp-accent); }
.bkd-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.bkd-meta-pill { font-size: 12px; color: var(--bkp-gray); background: var(--bkp-soft); border-radius: 14px; padding: 3px 10px; }
.bkd-right { flex: none; text-align: right; }
.bkd-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--bkp-accent); color: #fff;
  font-size: 14px; font-weight: 700; padding: 11px 22px; border-radius: 10px; text-decoration: none;
  transition: all .25s cubic-bezier(.4,0,.2,1); }
.bkd-btn:hover { background: #0062cc; color: #fff; box-shadow: 0 8px 20px rgba(0,123,255,.28); }
.bkd-nologin { font-size: 11px; color: var(--bkp-gray); margin-top: 7px; }

/* 响应式 */
@media (max-width: 991px) {
  .bkp-hero { grid-template-columns: 1fr; gap: 28px; }
  .bkp-title { font-size: 26px; }
  .bka-title { font-size: 24px; }
  .bkp-related-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .bkd-card { flex-wrap: wrap; gap: 14px; }
  .bkd-right { width: 100%; text-align: left; }
}
@media (max-width: 560px) {
  .bkp-specs-grid { grid-template-columns: 1fr; }
  .bkp-related-grid { grid-template-columns: 1fr; }
  .bkp-actions { flex-direction: column; }
  .bkp-btn { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .bkp-btn, .bkp-rel-card, .bkd-btn, .bkd-card { transition: none; }
}