/* ===== 品牌色变量覆盖 ===== */
:root {
  --bs-primary: #3b82f6;
  --bs-primary-rgb: 59, 130, 246;
  --bs-link-color: #3b82f6;
  --bs-link-hover-color: #60a5fa;
  
  /* 按钮变量 */
  --bs-btn-bg: #3b82f6;
  --bs-btn-border-color: #3b82f6;
  --bs-btn-hover-bg: #60a5fa;
  --bs-btn-hover-border-color: #60a5fa;
  --bs-btn-active-bg: #2563eb;
  --bs-btn-active-border-color: #2563eb;
  --bs-btn-disabled-bg: #3b82f6;
  --bs-btn-disabled-border-color: #3b82f6;
  
  /* 焦点环 */
  --bs-focus-ring-color: rgba(59, 130, 246, 0.25);
  
  /* 全局字体 */
  --bs-body-font-family: Inter, system-ui, sans-serif;
}

/* ===== 按钮主色直接覆盖 ===== */
.btn-primary {
  background-color: #3b82f6 !important;
  border-color: #3b82f6 !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #60a5fa !important;
  border-color: #60a5fa !important;
}
.btn-primary:active {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
}

/* 轮廓按钮 */
.btn-outline-primary {
  color: #3b82f6 !important;
  border-color: #3b82f6 !important;
}
.btn-outline-primary:hover {
  background-color: #3b82f6 !important;
  color: #fff !important;
}

/* ===== 链接 ===== */
a:not(.btn):not(.nav-link) {
  color: #3b82f6;
}
a:not(.btn):not(.nav-link):hover {
  color: #60a5fa;
}

/* ===== Header 导航栏 ===== */
.navbar,
header.bg-primary,
header[class*="bg-"] {
  background-color: #dbeafe !important;
}
.navbar .nav-link,
.navbar-brand,
header .nav-link {
  color: #1e3a8a !important;
}
/* 导航栏文字颜色（默认状态） */
.navbar .nav-link,
.navbar-brand,
header .nav-link {
  color: #1e3a8a !important;
}

/* 导航栏文字颜色（悬停状态） */
.navbar .nav-link:hover,
.navbar-brand:hover,
header .nav-link:hover {
  color: #3b82f6 !important;
}

.navbar-brand {
  font-size: 1rem;  /* 原 Bootstrap 默认值约 1.25rem，你可自由调整 */
}

/* ===== 汉堡菜单图标（动态颜色，正确编码）===== */
.navbar {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231e3a8a' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler-icon,
.navbar-dark .navbar-toggler-icon,
.navbar-light .navbar-toggler-icon,
.navbar .navbar-toggler-icon {
  background-image: var(--bs-navbar-toggler-icon-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% !important;
}

/* ===== Footer ===== */
footer {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: #f1f5f9 !important;
}
footer a {
  color: #60a5fa !important;
}
footer a:hover {
  color: #ffffff !important;
}
footer .text-white-50 {
  color: #f1f5f9 !important;
  opacity: 0.7;
}

/* ===== 侧边栏激活状态（产品列表页） ===== */
.list-group-item.active {
  background-color: rgba(59, 130, 246, 0.15) !important;
  border-color: rgba(59, 130, 246, 0.3) !important;
  color: #3b82f6 !important;
}

/* ===== 表单焦点 ===== */
.form-control:focus,
.form-select:focus {
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.25) !important;
}
.form-check-input:checked {
  background-color: #3b82f6 !important;
  border-color: #3b82f6 !important;
}

/* ===== 图标默认继承文字色 ===== */
.bi {
  color: inherit;
}

/* ===== 自定义滚动条（可选） ===== */
::-webkit-scrollbar-thumb {
  background-color: #3b82f6;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #60a5fa;
}

/* ===== 自定义选中标签栏高亮 ===== */
.tax-filter-btn.active,
.badge.active {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
  border-color: var(--bs-primary) !important;
}

/* 属性标签通用样式（静态链接和动态按钮共用） */
.tax-filter-btn,
a.tax-filter-btn,
.badge.tax-filter-btn {
  padding: 0.35rem 0.65rem;
  font-size: 0.75rem;
  border-radius: 0.375rem;
  transition: all 0.15s ease;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;      /* 防止计数换行 */
}

/* 悬停效果 */
.tax-filter-btn:hover,
a.tax-filter-btn:hover {
  background-color: var(--bs-gray-200) !important;
  border-color: var(--bs-gray-400) !important;
}

/* 激活（选中）状态（与之前保持一致） */
.tax-filter-btn.active,
a.tax-filter-btn.active {
  background-color: var(--bs-primary) !important;
  color: #fff !important;
  border-color: var(--bs-primary) !important;
}

/* 一级属性标题微调 */
.taxonomy-title {
  margin-bottom: 0.5rem;
}


/* 左侧栏容器：默认隐藏滚动条，悬停时显示 20260426添加 */
.position-sticky {
  scrollbar-width: thin;          /* Firefox 细滚动条 */
  scrollbar-color: transparent transparent; /* Firefox 默认透明 */
}

.position-sticky:hover {
  scrollbar-color: #c1c1c1 #f8fafc; /* Firefox 悬停时显示浅灰滑块 */
}

/* Webkit 浏览器（Chrome, Edge, Safari） */
.position-sticky::-webkit-scrollbar {
  width: 6px;                    /* 极窄滚动条 */
}

.position-sticky::-webkit-scrollbar-track {
  background: transparent;       /* 轨道透明 */
}

.position-sticky::-webkit-scrollbar-thumb {
  background: transparent;       /* 滑块默认透明，视觉上隐藏 */
  border-radius: 3px;
}

.position-sticky:hover::-webkit-scrollbar-thumb {
  background: #c1c1c1;           /* 鼠标悬停时滑块变为浅灰色 */
}

/* 所有下拉菜单：高度限制在视口高度的 70%，超出时滚动 */
.dropdown-menu {
  max-height: 65vh;
  overflow-y: auto;
}

/* 美化滚动条（与左侧栏风格一致） */
.dropdown-menu::-webkit-scrollbar {
  width: 6px;
}
.dropdown-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.dropdown-menu::-webkit-scrollbar-track {
  background: transparent;
}

/* 博客文章标题间距 */
.blog-content h2 {
  font-size: 1.5rem;
  margin-top: 2.5rem;    /* 稍微大一点，视觉更突出 */
  margin-bottom: 1rem;
  font-weight: 700;      /* 保持或适当加粗 */
}

.blog-content h3 {
  font-size: 1.10rem;      /* 与 Bootstrap .h4 一致 */
  margin-top: 1.8rem;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

/* 如果你还想调整正文段落的间距 */
.blog-content p {
  margin-bottom: 1.2rem;
  line-height: 1.7;
}