/* ==========================================================================
   倍成干燥 (BEICHENG DRYING) 现代化全站内页统一样式规范 (nei.css)
   ========================================================================== */

/* 1. 全局设计变量与基础 */
:root {
  --bc-primary: #005ab5;
  --bc-primary-hover: #004791;
  --bc-primary-light: #eef6fc;
  --bc-text-main: #1e293b;
  --bc-text-muted: #64748b;
  --bc-border: #e2e8f0;
  --bc-bg-card: #ffffff;
  --bc-bg-page: #f8fafc;
  --bc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --bc-shadow-md: 0 4px 14px -2px rgba(0, 0, 0, 0.08);
  --bc-shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.1);
}

/* 2. 内页纯净背景横幅 (180px 纯图切片，无文案、无指标块、无遮挡) */
.subBanner_product,
.subBanner_case,
.subBanner_news,
.subBanner_about,
.subBanner_select,
.bc-page-banner,
.page_banner {
  width: 100% !important;
  height: 450px !important;
  min-height: 180px !important;
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.subBanner_product,
.subBanner_case {
  background-image: linear-gradient(135deg, rgba(8, 20, 38, 0.75) 0%, rgba(0, 90, 181, 0.55) 100%), url(/template/default/images/back_xmal.webp) !important;
}

.subBanner_news {
  background-image: linear-gradient(135deg, rgba(8, 20, 38, 0.75) 0%, rgba(0, 90, 181, 0.55) 100%), url(/template/default/images/back3.webp) !important;
}

.subBanner_about {
  background-image: linear-gradient(135deg, rgba(8, 20, 38, 0.75) 0%, rgba(0, 90, 181, 0.55) 100%), url(/template/default/images/back_gsjj.webp) !important;
}

.subBanner_select {
  background-image: linear-gradient(135deg, rgba(8, 20, 38, 0.75) 0%, rgba(0, 90, 181, 0.55) 100%), url(/template/default/images/back4.webp) !important;
}

@media (max-width: 992px) {
  #header:not(.xg) {
    background: #1a2238 !important;
  }
  .subBanner_product,
  .subBanner_case,
  .subBanner_news,
  .subBanner_about,
  .subBanner_select,
  .bc-page-banner,
  .page_banner {
      
    height: 250px !important;
    min-height: 120px !important;
  }
}

/* 3. 面包屑与纯净导航栏 */
.ins-position-bg,
.bc-crumb-bar {
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 12px 0 !important;
}

.ins-position {
  display: flex !important;
  align-items: center !important;
  font-size: 13px !important;
  color: #64748b !important;
  line-height: 1.5 !important;
}

.ins-position a {
  color: #64748b !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.ins-position a:hover {
  color: #005ab5 !important;
}

.ins-position-icon,
.ins-position svg {
  width: 14px !important;
  height: 14px !important;
  margin-right: 8px !important;
  fill: #64748b !important;
  flex-shrink: 0 !important;
}

.ny-navwp,
.bc-crumb-subnav {
  display: none !important;
}

/* 4. 主体大双栏构型与通用侧栏卡片 */
.bc-page-bg {
  background: var(--bc-bg-page);
  padding: 35px 0 60px 0;
}

.bc-main-layout {
  display: flex !important;
  gap: 30px !important;
  align-items: flex-start !important;
}

.bc-sidebar {
  width: 280px !important;
  flex-shrink: 0 !important;
  position: sticky !important;
  top: 0 !important;
}

.bc-side-card {
  background: var(--bc-bg-card);
  border: 1px solid var(--bc-border);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: var(--bc-shadow-sm);
}

.bc-side-tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid var(--bc-primary);
  padding-bottom: 10px;
  margin-bottom: 16px;
}

.bc-side-tit span {
  font-size: 16px;
  font-weight: 700;
  color: var(--bc-text-main);
}

.bc-side-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bc-side-menu li {
  margin-bottom: 6px;
}

.bc-side-menu a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 14px;
  color: #475569;
  text-decoration: none;
  transition: all 0.2s ease;
  background: #f8fafc;
}

.bc-side-menu a svg,
.bc-side-menu svg,
.bc-side-card svg,
.bc-side-card a svg {
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  fill: #94a3b8;
  transition: transform 0.2s ease, fill 0.2s ease;
}

.bc-side-menu li.active a,
.bc-side-menu a:hover {
  background: var(--bc-primary);
  color: #ffffff;
  font-weight: 600;
}

.bc-side-menu li.active a svg,
.bc-side-menu a:hover svg {
  fill: #ffffff !important;
  transform: translateX(3px);
}

.bc-contact-desc {
  font-size: 13px;
  color: #64748b;
  line-height: 1.6;
  margin-bottom: 14px;
}

.bc-cta-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 11px 16px;
  background: linear-gradient(135deg, #005ab5 0%, #004791 100%);
  color: #ffffff !important;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0, 90, 181, 0.25);
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.bc-cta-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0, 90, 181, 0.35);
}

.bc-cta-btn svg {
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  flex-shrink: 0 !important;
  fill: currentColor;
}

.bc-phone-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 12px 14px;
  margin-top: 14px;
  text-align: center;
}

.bc-phone-lbl {
  font-size: 11px;
  color: #64748b;
  margin-bottom: 4px;
}

.bc-phone-num {
  font-size: 17px;
  font-weight: 800;
  color: var(--bc-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* 5. 产品与工程案例列表 (3列网格卡片) */
.bc-pro-main,
.bc-news-main {
  flex: 1 1 0% !important;
  min-width: 0 !important;
}

.bc-pro-header-card {
  background: var(--bc-bg-card);
  border: 1px solid var(--bc-border);
  border-radius: 8px;
  padding: 20px 24px;
  margin-bottom: 24px;
  box-shadow: var(--bc-shadow-sm);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bc-pro-header-tit h2 {
  font-size: 20px;
  font-weight: 700;
  color: var(--bc-text-main);
  margin: 0 0 6px 0;
}

.bc-pro-header-tit p {
  font-size: 13px;
  color: var(--bc-text-muted);
  margin: 0;
}

.bc-pro-header-badge {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  color: var(--bc-primary);
  background: var(--bc-primary-light);
  padding: 6px 14px;
  border-radius: 20px;
}

.bc-pro-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}

.bc-pro-card {
  background: var(--bc-bg-card);
  border: 1px solid var(--bc-border);
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  box-shadow: var(--bc-shadow-sm);
  transition: all 0.25s ease;
}

.bc-pro-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--bc-shadow-md);
  border-color: #cbd5e1;
}

.bc-pro-img-box {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bc-pro-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.bc-pro-card:hover .bc-pro-img-box img {
  transform: scale(1.05);
}

.bc-pro-info {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.bc-pro-card-tit {
  font-size: 15px;
  font-weight: 600;
  color: var(--bc-text-main);
  margin: 0 0 12px 0;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}

.bc-pro-card:hover .bc-pro-card-tit {
  color: var(--bc-primary);
}

.bc-pro-btn-line {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 600;
  color: var(--bc-primary);
  padding-top: 10px;
  border-top: 1px solid #f1f5f9;
}

/* 6. 产品与工程案例详情页构型 (左右双栏卡片，绝不上下错乱) */
.bc-pro-hero-card {
  background: var(--bc-bg-card);
  border: 1px solid var(--bc-border);
  border-radius: 8px;
  padding: 28px;
  margin-bottom: 24px;
  box-shadow: var(--bc-shadow-sm);
  display: flex !important;
  gap: 32px !important;
  align-items: flex-start !important;
}

.bc-pro-gallery-col {
  width: 440px !important;
  flex-shrink: 0 !important;
}

.bc-pro-info-col {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.bc-pro-hero-tit {
  font-size: 24px;
  font-weight: 700;
  color: var(--bc-text-main);
  line-height: 1.3;
  margin: 0 0 12px 0;
}

.bc-pro-hero-desc {
  font-size: 14px;
  color: var(--bc-text-muted);
  line-height: 1.6;
  margin-bottom: 18px;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 14px;
}

.bc-pro-feature-pills {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 22px;
}

.bc-pro-f-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #334155;
}

.bc-pro-f-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #e0f2fe;
  color: var(--bc-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  flex-shrink: 0;
}

.bc-pro-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 14px;
  border-top: 1px solid #f1f5f9;
}

.bc-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #005ab5 0%, #004791 100%);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 6px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 90, 181, 0.25);
  transition: all 0.2s ease;
}

.bc-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 90, 181, 0.35);
}

.bc-btn-secondary {
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  color: var(--bc-primary) !important;
  border: 1px solid var(--bc-primary);
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.bc-btn-secondary:hover {
  background: var(--bc-primary-light);
}

.bc-pro-tabs-card {
  background: var(--bc-bg-card);
  border: 1px solid var(--bc-border);
  border-radius: 8px;
  padding: 24px 28px;
  margin-bottom: 24px;
  box-shadow: var(--bc-shadow-sm);
}

.bc-pro-tabs-nav {
  display: flex;
  border-bottom: 2px solid #e2e8f0;
  margin-bottom: 24px;
  gap: 20px;
}

.bc-pro-tab-btn {
  font-size: 16px;
  font-weight: 700;
  color: #64748b;
  padding: 10px 4px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  margin-bottom: -2px;
  transition: all 0.2s ease;
}

.bc-pro-tab-btn.active,
.bc-pro-tab-btn:hover {
  color: var(--bc-primary);
  border-bottom-color: var(--bc-primary);
}

/* ==========================================================================
   数据库富文本详情内容深度排版规范 (.bc-rich-content)
   专为新闻内页、产品详情、工程案例、单页调用数据库富文本全面优化
   ========================================================================== */
.bc-rich-content {
  font-size: 15px !important;
  color: #334155 !important;
  line-height: 1.85 !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

/* 1. 段落与间距 */
.bc-rich-content p {
  margin: 0 0 16px 0 !important;
  line-height: 1.85 !important;
  color: #334155 !important;
  text-align: justify !important;
}

/* 过滤富文本编辑器残留的空行 */
.bc-rich-content p:empty {
  display: none !important;
}

/* 2. 标题层级设计 (H1 ~ H4) */
.bc-rich-content h1,
.bc-rich-content h2,
.bc-rich-content h3,
.bc-rich-content h4 {
  color: #0f172a !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin-top: 30px !important;
  margin-bottom: 16px !important;
}

.bc-rich-content h2 {
  font-size: 19px !important;
  padding: 8px 0 8px 14px !important;
  border-left: 4px solid var(--bc-primary) !important;
  background: linear-gradient(90deg, #f0f7ff 0%, transparent 100%) !important;
  border-radius: 0 6px 6px 0 !important;
}

.bc-rich-content h3 {
  font-size: 17px !important;
  padding-left: 10px !important;
  border-left: 3px solid #94a3b8 !important;
}

.bc-rich-content h4 {
  font-size: 15px !important;
  color: #1e293b !important;
}

/* 3. 产品/案例数据库中常见的 `<p><strong>段落标题</strong></p>` 徽章化美化 */
.bc-rich-content .bc-strong-heading,
.bc-rich-content > p > strong:only-child {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 22px 0 12px 0 !important;
  padding: 6px 14px 6px 12px !important;
  background: #f1f5f9 !important;
  border-left: 3px solid var(--bc-primary) !important;
  border-radius: 0 4px 4px 0 !important;
  letter-spacing: 0.5px !important;
}

/* 4. 重点文本与行内强调 */
.bc-rich-content strong,
.bc-rich-content b {
  color: #0f172a !important;
  font-weight: 700 !important;
}

.bc-rich-content em,
.bc-rich-content i {
  color: #475569 !important;
  font-style: italic !important;
}

/* 5. 链接设计 */
.bc-rich-content a {
  color: var(--bc-primary) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.2s ease !important;
}

.bc-rich-content a:hover {
  color: var(--bc-primary-hover) !important;
}

/* 6. 图表与图片排版 */
.bc-rich-content img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  margin: 20px auto !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
  background: #ffffff !important;
  padding: 4px !important;
  cursor: zoom-in !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.bc-rich-content img:hover {
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow: 0 6px 18px rgba(0, 90, 181, 0.12) !important;
}

/* 7. 表格深度重构（强力覆盖数据库老旧内联泥浆色与无边距） */
.bc-table-scroll {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  margin: 24px 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

.bc-rich-content table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 18px 0 !important;
  font-size: 13px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

/* 表头重构：统一为高质感工业深蓝渐变，文字雪白加粗 */
.bc-rich-content tr.firstRow,
.bc-rich-content thead tr,
.bc-rich-content table tr:first-child {
  background: linear-gradient(135deg, #005ab5 0%, #004791 100%) !important;
}

.bc-rich-content tr.firstRow td,
.bc-rich-content tr.firstRow th,
.bc-rich-content thead th,
.bc-rich-content table tr:first-child td,
.bc-rich-content table tr:first-child th {
  background: transparent !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  padding: 12px 14px !important;
  text-align: center !important;
}

.bc-rich-content tr.firstRow td span,
.bc-rich-content table tr:first-child td span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* 数据单元格 */
.bc-rich-content td,
.bc-rich-content th {
  padding: 11px 14px !important;
  border: 1px solid #edf2f7 !important;
  color: #334155 !important;
  line-height: 1.5 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.bc-rich-content td span {
  color: inherit !important;
}

/* 斑马线交替与悬浮高亮 */
.bc-rich-content tbody tr:nth-child(even),
.bc-rich-content table tr:nth-child(even):not(:first-child) {
  background: #f8fafc !important;
}

.bc-rich-content tbody tr:hover,
.bc-rich-content table tr:hover:not(:first-child) {
  background: #eef6fc !important;
}

/* 8. 列表美化 */
.bc-rich-content ul,
.bc-rich-content ol {
  margin: 16px 0 16px 20px !important;
  padding: 0 !important;
}

.bc-rich-content ul li,
.bc-rich-content ol li {
  margin-bottom: 8px !important;
  line-height: 1.75 !important;
  color: #334155 !important;
}

.bc-rich-content ul {
  list-style: disc !important;
}

.bc-rich-content ol {
  list-style: decimal !important;
}

/* 9. 引用块与提示框 */
.bc-rich-content blockquote {
  background: #f8fafc !important;
  border-left: 4px solid var(--bc-primary) !important;
  margin: 20px 0 !important;
  padding: 14px 20px !important;
  border-radius: 0 8px 8px 0 !important;
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* 10. 分割线 */
.bc-rich-content hr {
  border: none !important;
  border-top: 1px dashed #e2e8f0 !important;
  margin: 28px 0 !important;
}

.bc-prev-next {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 24px;
}

.bc-pn-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 14px 18px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.bc-pn-card:hover:not(.disabled) {
  border-color: var(--bc-primary);
  background: #f8fafc;
}

.bc-pn-card.disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.bc-pn-label {
  font-size: 12px;
  color: #94a3b8;
  margin-bottom: 4px;
}

.bc-pn-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--bc-text-main);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bc-pro-bottom-cta {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  border-radius: 8px;
  padding: 24px 28px;
  margin-top: 24px;
  color: #ffffff;
}

.bc-cta-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.bc-cta-info h4 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 6px 0;
  color: #ffffff;
}

.bc-cta-info p {
  font-size: 13px;
  color: #94a3b8;
  margin: 0;
}

.bc-pro-photo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.bc-photo-item {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  aspect-ratio: 4 / 3;
}

.bc-photo-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 7. 新闻列表排版 */
.bc-news-item {
  display: flex !important;
  background: var(--bc-bg-card);
  border: 1px solid var(--bc-border);
  border-radius: 8px;
  padding: 22px 26px;
  text-decoration: none;
  box-shadow: var(--bc-shadow-sm);
  transition: all 0.25s ease;
  gap: 24px !important;
  align-items: flex-start !important;
  margin-bottom: 18px;
}

.bc-news-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--bc-shadow-md);
  border-color: #cbd5e1;
}

.bc-news-date-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  border-radius: 8px;
  background: var(--bc-primary-light);
  color: var(--bc-primary);
  flex-shrink: 0;
  border: 1px solid rgba(0, 90, 181, 0.15);
}

.bc-news-day {
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
  font-family: Arial, sans-serif;
}

.bc-news-ym {
  font-size: 11px;
  font-weight: 600;
  margin-top: 4px;
}

.bc-news-body {
  flex: 1 1 0% !important;
  min-width: 0 !important;
}

.bc-news-tit {
  font-size: 17px;
  font-weight: 700;
  color: var(--bc-text-main);
  margin: 0 0 8px 0;
  line-height: 1.4;
  transition: color 0.2s ease;
}

.bc-news-item:hover .bc-news-tit {
  color: var(--bc-primary);
}

.bc-news-desc {
  font-size: 13px;
  color: var(--bc-text-muted);
  line-height: 1.6;
  margin: 0 0 12px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.bc-news-foot {
  display: flex;
  justify-content: flex-end;
}

.bc-news-more {
  font-size: 13px;
  font-weight: 600;
  color: var(--bc-primary);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.bc-news-more svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
  transition: transform 0.2s ease;
}

.bc-news-item:hover .bc-news-more svg {
  transform: translateX(4px);
}

/* 8. 新闻详情页与通用详情卡片 */
.bc-content-card {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  background: var(--bc-bg-card);
  border: 1px solid var(--bc-border);
  border-radius: 8px;
  padding: 32px 36px;
  box-shadow: var(--bc-shadow-sm);
}

.bc-detail-header {
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 22px;
  margin-bottom: 24px;
}

.bc-detail-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: var(--bc-primary);
  background: var(--bc-primary-light);
  padding: 4px 12px;
  border-radius: 20px;
  margin-bottom: 12px;
}

.bc-detail-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--bc-text-main);
  line-height: 1.4;
  margin: 0 0 16px 0;
}

.bc-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  font-size: 13px;
  color: var(--bc-text-muted);
}

.bc-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.bc-article-copyright {
  background: #f8fafc;
  border-left: 4px solid var(--bc-primary);
  padding: 14px 18px;
  border-radius: 0 6px 6px 0;
  font-size: 13px;
  color: #64748b;
  margin: 28px 0;
  line-height: 1.6;
}

.bc-side-articles {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bc-side-art-item {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #e2e8f0;
}

.bc-side-art-link {
  font-size: 13px;
  color: #334155;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
}

.bc-side-art-link:hover {
  color: var(--bc-primary);
}

.bc-side-art-date {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 4px;
}

.bc-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #64748b;
  text-decoration: none;
  margin-bottom: 18px;
}

.bc-back-btn:hover {
  color: var(--bc-primary);
}

/* 9. 设备选型中心 (纯正高质感 B2B 工业表单规范) */
.bc-select-wrapper {
  background: var(--bc-bg-page);
  padding: 35px 0 60px 0;
}

.bc-form-container {
  max-width: 1200px;
  margin: 0 auto;
}

.bc-card {
  background: var(--bc-bg-card) !important;
  border-radius: 10px !important;
  border: 1px solid var(--bc-border) !important;
  padding: 28px 32px !important;
  margin-bottom: 22px !important;
  box-shadow: var(--bc-shadow-sm) !important;
}

.bc-card-header {
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding-bottom: 16px !important;
  margin-bottom: 22px !important;
}

.bc-card-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  background: var(--bc-primary) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-right: 12px !important;
  flex-shrink: 0 !important;
}

.bc-card-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--bc-text-main) !important;
  margin: 0 !important;
}

.bc-card-desc {
  font-size: 13px !important;
  color: var(--bc-text-muted) !important;
  margin-left: 12px !important;
}

.bc-grid {
  display: grid !important;
  gap: 16px 20px !important;
}

.bc-grid-2 { grid-template-columns: repeat(2, 1fr) !important; }
.bc-grid-3 { grid-template-columns: repeat(3, 1fr) !important; }
.bc-grid-4 { grid-template-columns: repeat(4, 1fr) !important; }
.bc-col-full { grid-column: 1 / -1 !important; }

.bc-field {
  display: flex !important;
  flex-direction: column !important;
}

.bc-label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  margin-bottom: 6px !important;
}

.bc-req {
  color: #ef4444 !important;
  margin-left: 2px !important;
}

.bc-input-unit {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

.bc-input,
.bc-input-unit input,
.bc-field > input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):not([style*="border:none"]) {
  width: 100% !important;
  height: 40px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  color: #1e293b !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  outline: none !important;
  transition: all 0.2s ease !important;
}

.bc-input-unit input {
  padding-right: 48px !important;
}

.bc-input:focus,
.bc-input-unit input:focus,
.bc-field > input:focus,
.bc-select:focus,
.bc-textarea:focus {
  outline: none !important;
  border-color: var(--bc-primary) !important;
  box-shadow: 0 0 0 3px rgba(0, 90, 181, 0.12) !important;
}

.bc-unit {
  position: absolute !important;
  right: 12px !important;
  font-size: 13px !important;
  color: #94a3b8 !important;
  pointer-events: none !important;
}

.bc-select {
  width: 100% !important;
  height: 40px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  color: #1e293b !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

.bc-textarea {
  width: 100% !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  color: #1e293b !important;
  box-sizing: border-box !important;
}

.bc-tag-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;
  padding: 6px 0 !important;
}

.bc-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #334155 !important;
  cursor: pointer !important;
}

.bc-pill input[type="checkbox"],
.bc-pill input[type="radio"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.bc-submit-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  background: var(--bc-bg-card) !important;
  border-radius: 10px !important;
  border: 1px solid var(--bc-border) !important;
  padding: 24px 32px !important;
  box-shadow: var(--bc-shadow-md) !important;
}

.bc-submit-main-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 24px !important;
  width: 100% !important;
}

.bc-captcha-box {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-shrink: 0 !important;
}

.bc-captcha-inputs {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.bc-captcha-input {
  width: 140px !important;
  height: 44px !important;
  padding: 0 14px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  background: #ffffff !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.bc-captcha-input:focus {
  border-color: var(--bc-primary) !important;
  box-shadow: 0 0 0 3px rgba(0, 90, 181, 0.12) !important;
}

.bc-captcha-img {
  height: 44px !important;
  border-radius: 6px !important;
  border: 1px solid #cbd5e1 !important;
  cursor: pointer !important;
  display: block !important;
}

.bc-submit-action {
  flex-shrink: 0 !important;
}

.bc-submit-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: linear-gradient(135deg, #005ab5 0%, #004791 100%) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  height: 46px !important;
  padding: 0 36px !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 14px rgba(0, 90, 181, 0.3) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.bc-submit-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(0, 90, 181, 0.45) !important;
}

.bc-submit-footer {
  border-top: 1px solid #f1f5f9 !important;
  padding-top: 14px !important;
  width: 100% !important;
}

.bc-privacy-tip {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: #64748b !important;
}

/* 10. 关于我们与服务单页 */
.bc-article-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--bc-text-main) !important;
  margin: 0 0 16px 0 !important;
}

.bc-article-bar {
  width: 40px !important;
  height: 3px !important;
  background: var(--bc-primary) !important;
  margin-top: 10px !important;
  border-radius: 2px !important;
}

.bc-info-item {
  display: flex !important;
  margin-bottom: 10px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.bc-info-lbl {
  font-weight: 700 !important;
  color: var(--bc-text-main) !important;
  width: 100px !important;
  flex-shrink: 0 !important;
}

.bc-info-val {
  color: #475569 !important;
}

.bc-trust-banner {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 22px 24px !important;
  margin-top: 28px !important;
}

.bc-trust-col {
  display: flex !important;
  flex-direction: column !important;
}

.bc-trust-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #e0f2fe !important;
  color: var(--bc-primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
  margin-bottom: 8px !important;
}

.bc-trust-txt {
  font-size: 12px !important;
  color: #64748b !important;
  line-height: 1.5 !important;
}

/* 11. 现代工业级分页系统 */
.page_list {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 36px !important;
  padding-top: 24px !important;
  border-top: 1px solid #f1f5f9 !important;
}

.page_list .page-index,
.page_list .page-pre,
.page_list .page-numbar,
.page_list .page-next,
.page_list .page-last {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

.page_list a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.page_list a:hover {
  color: #005ab5 !important;
  border-color: #005ab5 !important;
  background: #eef6fc !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(0, 90, 181, 0.12) !important;
}

.page_list .page-num-current,
.page_list a.page-num-current,
.page_list .page-item.active a {
  background: linear-gradient(135deg, #005ab5 0%, #004791 100%) !important;
  color: #ffffff !important;
  border-color: #005ab5 !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(0, 90, 181, 0.3) !important;
}

.page_list .page-numbar span.page-num {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  min-width: 28px !important;
  padding: 0 6px !important;
  color: #94a3b8 !important;
  font-size: 14px !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page_list .page-index a,
.page_list .page-pre a,
.page_list .page-next a,
.page_list .page-last a {
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  background: #f8fafc !important;
}

.page_list .page-pre a[href='javascript:;'],
.page_list .page-next a[href='javascript:;'] {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

.page_list .page-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  margin-right: 6px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}


/* 13. 补充完善类与全局防护规范 */
.bc-sidebar svg {
  max-width: 20px !important;
  max-height: 20px !important;
}

.bc-article-header {
  border-bottom: 1px solid #f1f5f9 !important;
  padding-bottom: 20px !important;
  margin-bottom: 24px !important;
}

.bc-news-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.bc-news-date {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 66px !important;
  height: 66px !important;
  border-radius: 8px !important;
  background: var(--bc-primary-light) !important;
  color: var(--bc-primary) !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(0, 90, 181, 0.15) !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
}

.bc-news-item:hover .bc-news-date {
  background: var(--bc-primary) !important;
  color: #ffffff !important;
}

.bc-pn-lbl {
  font-size: 12px !important;
  color: #94a3b8 !important;
  margin-bottom: 4px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.bc-pn-tit {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  transition: color 0.2s ease !important;
}

.bc-prev-link:hover .bc-pn-tit,
.bc-next-link:hover .bc-pn-tit {
  color: var(--bc-primary) !important;
}

.bc-row-line {
  border-top: 1px dashed #e2e8f0 !important;
  padding-top: 16px !important;
  margin-top: 16px !important;
  grid-column: 1 / -1 !important;
}

.bc-sample-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 14px !important;
}

.bc-sample-item {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 16px 20px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}

.bc-sample-item:hover {
  background: #ffffff !important;
  border-color: var(--bc-primary) !important;
  box-shadow: 0 4px 12px rgba(0, 90, 181, 0.1) !important;
  transform: translateY(-1px) !important;
}

.bc-sample-info {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.bc-pdf-icon {
  width: 36px !important;
  height: 36px !important;
  background: #fee2e2 !important;
  color: #ef4444 !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
}

.bc-sample-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  margin: 0 !important;
}

.bc-sample-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 16px !important;
  background: var(--bc-primary) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.bc-sample-btn:hover {
  background: var(--bc-primary-hover) !important;
}

.bc-pagination {
  margin-top: 28px !important;
  display: flex !important;
  justify-content: center !important;
}


/* ==========================================================================
   现代化工业级产品/案例图片画廊展示系统 (bc-gallery)
   ========================================================================== */
.bc-gallery {
  width: 100%;
  position: relative;
  user-select: none;
}

/* 主展示视窗 */
.bc-gallery-stage {
  position: relative;
  width: 100%;
  height: 360px;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.bc-gallery-stage:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 6px 18px -3px rgba(0, 0, 0, 0.08) !important;
}

.bc-gallery-view {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

.bc-gallery-view img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 6px !important;
  transition: opacity 0.22s ease-in-out, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: block !important;
}

.bc-gallery-stage:hover .bc-gallery-view img {
  transform: scale(1.02);
}

/* 现代磨砂数字页码徽标 (如 1 / 5) */
.bc-gallery-counter {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  background: rgba(15, 23, 42, 0.65) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  letter-spacing: 0.5px !important;
  pointer-events: none !important;
  z-index: 5 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* 磨砂切图悬浮按钮 (左 / 右) */
.bc-gallery-btn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  color: #1e293b !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 6 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12) !important;
  padding: 0 !important;
}

.bc-gallery-stage:hover .bc-gallery-btn {
  opacity: 1 !important;
  visibility: visible !important;
}

.bc-gallery-btn:hover {
  background: #005ab5 !important;
  color: #ffffff !important;
  border-color: #005ab5 !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 4px 14px rgba(0, 90, 181, 0.35) !important;
}

.bc-gallery-btn svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
  flex-shrink: 0 !important;
}

.bc-gallery-prev { left: 12px !important; }
.bc-gallery-next { right: 12px !important; }

/* 放大镜原图按钮 */
.bc-gallery-zoom {
  position: absolute !important;
  bottom: 12px !important;
  left: 12px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 20px !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  z-index: 5 !important;
  opacity: 0.88 !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
}

.bc-gallery-zoom:hover {
  opacity: 1 !important;
  background: #ffffff !important;
  color: #005ab5 !important;
  border-color: #005ab5 !important;
  box-shadow: 0 4px 10px rgba(0, 90, 181, 0.15) !important;
}

.bc-gallery-zoom svg {
  width: 13px !important;
  height: 13px !important;
  fill: currentColor !important;
}

/* 缩略图轨道容器 */
.bc-gallery-thumbs-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  margin-top: 14px !important;
  gap: 8px !important;
  width: 100% !important;
}

.bc-gallery-thumbs {
  flex: 1 1 0% !important;
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  padding: 4px 2px !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.bc-gallery-thumbs::-webkit-scrollbar {
  display: none !important;
}

/* 缩略图单项 */
.bc-thumb-item {
  width: 72px !important;
  height: 56px !important;
  flex-shrink: 0 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  border: 2px solid #e2e8f0 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.bc-thumb-item img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 4px !important;
  display: block !important;
}

.bc-thumb-item:hover {
  border-color: #93c5fd !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 3px 8px rgba(0, 90, 181, 0.12) !important;
}

.bc-thumb-item.active {
  border-color: #005ab5 !important;
  background: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 0 2px rgba(0, 90, 181, 0.2), 0 4px 12px rgba(0, 90, 181, 0.18) !important;
}

/* 缩略图轻微微调翻页按钮 */
.bc-thumb-nav {
  width: 24px !important;
  height: 56px !important;
  border-radius: 4px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #64748b !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}

.bc-thumb-nav:hover {
  background: #e2e8f0 !important;
  color: #005ab5 !important;
}

.bc-thumb-nav svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

@media (max-width: 768px) {
  .bc-gallery-stage {
    height: 280px !important;
  }
  .bc-thumb-item {
    width: 64px !important;
    height: 50px !important;
  }
  .bc-gallery-btn {
    opacity: 0.9 !important;
    visibility: visible !important;
  }
}

/* 12. 响应式布局断点 */
@media (max-width: 1100px) {
  .bc-pro-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 992px) {
  .bc-main-layout { flex-direction: column !important; }
  .bc-sidebar { width: 100% !important; position: static !important; }
  .bc-pro-hero-card { flex-direction: column !important; }
  .bc-pro-gallery-col { width: 100% !important; }
  .bc-trust-banner { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 768px) {
  .bc-grid-2, .bc-grid-3, .bc-grid-4 { grid-template-columns: 1fr !important; }
  .bc-card { padding: 18px 16px !important; }
  .bc-card-header { flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; }
  .bc-card-desc { margin-left: 0 !important; }
  .bc-submit-card { flex-direction: column !important; align-items: stretch !important; gap: 14px !important; }
  .bc-submit-btn { width: 100% !important; justify-content: center !important; }
  .bc-pro-hero-card, .bc-pro-tabs-card, .bc-content-card { padding: 20px 16px !important; }
  .bc-prev-next { grid-template-columns: 1fr !important; }
  .bc-news-item { flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; }
  .bc-news-date-badge { width: 100% !important; height: 38px !important; flex-direction: row !important; gap: 8px !important; }
  .bc-trust-banner { grid-template-columns: 1fr !important; }
}

@media (max-width: 600px) {
  .bc-pro-grid { grid-template-columns: 1fr !important; }
  .bc-pro-photo-grid { grid-template-columns: 1fr !important; }
}