:root {
    --highlight-color: #164DA0;
}
body{
	line-height:30px;
	color:#666;
}
a{
	color: var(--highlight-color);
	text-decoration: none;
}
.bg-dark-blue{
	background-color: var(--highlight-color)!important;
}
.text-dark-blue{
	color: var(--highlight-color)!important;
}
#navbar-phone{
	display:flex;
	align-items:center;
}
a.nav-link{
	color: #333;
}
a.nav-link:hover{
	font-weight: bold;
	color: var(--highlight-color);
}
.nav-link.active {
	position: relative;
	color: var(--highlight-color)!important;/* 文本颜色 */
}
.nav-link.active::after {
	content: '';
	display: inline-block;
	width: 2ch; /* 设置宽度为一个字符的宽度 */
	height: 2px; /* 设置下划线的高度 */
	background-color: var(--highlight-color);/* 下划线颜色 */
	position: absolute;
	left: 50%;
	bottom: -2px; /* 调整下划线的位置 */
	transform: translateX(-50%);
}
@media (max-width: 992px) { /* lg以下的尺寸 */ .nav-link.active::after { display: none; } }
nav input{
	border-right:0!important;
}
nav input::placeholder{
	opacity:0.45!important;
}
nav button{
	border-left:0!important;
	border-color: #ced4da!important;
}
#page-footer{
	background-color:#434343;
	overflow: hidden;
}

#featured-product-center-bg-img{
	height:350px;
	background-size: cover;
	background-position: center;
	position:relative;
}

#featured-product-center-bg-img h1{
	color: var(--highlight-color)!important;/* 文本颜色 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#post-content h4{
	color: var(--highlight-color)!important;/* 文本颜色 */
	margin-bottom:0;
}
#post-content ul{
	list-style: none; /* 移除默认的列表样式 */
	padding-left: 0;
}
#post-content ul li{
	background: url('/wp-content/themes/v2025/image/triangle.png') no-repeat left center; /* 设置自定义图片 */
	/*background-size: 25px 25px;  调整图片大小 */
	padding-left: 26px; /* 为文本留出空间 */
	/*margin-bottom: 10px;  调整列表项之间的间距 */
}
#featured-product-center-bg-img h1::after{
	content: '';
	display: inline-block;
	width: 3ch; /* 设置宽度为一个字符的宽度 */
	height: 3px; /* 设置下划线的高度 */
	background-color: var(--highlight-color);/* 下划线颜色 */
	position: absolute;
	left: 50%;
	bottom: -20px; /* 调整下划线的位置 */
	transform: translateX(-50%);
}
br { display: block; content: ""; margin-bottom: 8px;}
img.aligncenter {
    display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%; /* 使图片响应式 */
	height: auto; /* 保持图片的纵横比 */
}
#pagination a {
    text-decoration: none; /* 移除下划线 */
    color: #656565; /* 颜色为#ccc */
	display: block;
	padding: 2px 20%;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出部分 */
    text-overflow: ellipsis; /* 显示省略号 */
}
#pagination a:hover {
    color: white; /* 鼠标移上去时颜色为white */
    background-color: var(--highlight-color); /* 鼠标移上去时背景颜色 */
}
.border-end-lg {
	border-right: none; /* 先清除右边框 */
}
@media (min-width: 992px) { /* lg 及以上尺寸 */
	.border-end-lg { border-right: 1px solid #ccc; /* 设置右边框 */ } 
}
.post-box{
	overflow: hidden;
	border: none; /* 先清除其他边框 */
	border-bottom: 1px dashed #ccc; /* 仅绘制下边框，设置虚线 */
}

.post-box:hover{
	background-color: #F5F5F5;
	padding-left: 25px;
}
a.post-box-link{
	text-decoration: none!important;
	color: inherit; /* 继承父元素的颜色 */
}
.post-box:hover .post-box-title{
	color: var(--highlight-color);
}
.post-box:hover .circle{
	border: 1px solid var(--highlight-color); /* 设置圆圈颜色 */
	color: white;
	background-color: var(--highlight-color);
}
.post-box .featured-image{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height:200px;
}
.circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px; /* 调整圆圈的大小 */
  height: 35px;
  border: 1px solid #ccc; /* 设置圆圈颜色 */
  color: #ccc;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
}
.active .page-link{
	background-color: var(--highlight-color);
}
a.page-link{
	color: var(--highlight-color);
}
.bg-light-blue {
	background-color: #7EB4F2 !important;
}
.bg-blurred {
	position: relative; /* 让伪元素定位正常 */
	height: 100%; /* 根据需要调整 */
	width: 100%; /* 根据需要调整 */
	overflow: hidden; /* 防止伪元素超出容器 */
}
.bg-blurred::before {
	content: ""; /* 伪元素必须有内容 */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover; /* 背景图填充 */
	background-position: center; /* 背景图居中 */
	filter: blur(9999px); /* 模糊效果 */
	z-index: 0; /* 确保伪元素在 <img> 背后 */
}
.bg-blurred img{
	position: relative; /* 保持图片正常流 */
	z-index: 1; /* 确保图片在模糊背景上方 */
}
#header-phone{
	color: transparent;
	background: var(--highlight-color);
	background-clip: text;
	-webkit-background-clip: text;
}
.carousel-control-prev-icon, .carousel-control-next-icon { background-image: none; border: solid gray; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } 
.carousel-control-prev-icon { transform: rotate(135deg); -webkit-transform: rotate(135deg); } 
.carousel-control-next-icon { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.carousel a{
	color: #666;
}

#product-nav a.active{
	position: relative;
}
#product-nav a.active::after{
	content: '';
	display: inline-block;
	width: 7ch; /* 设置宽度为一个字符的宽度 */
	height: 1px; /* 设置下划线的高度 */
	background-color: var(--highlight-color);/* 下划线颜色 */
	position: absolute;
	left: 50%;
	bottom: -7px; /* 调整下划线的位置 */
	transform: translateX(-50%);
}

.about-us-subtitle{
	border-bottom: 2px solid var(--highlight-color);
}
#contact-us-underline {
	position: relative;
}
#contact-us-underline::after {
	content: '';
	display: inline-block;
	width: 2ch; /* 设置宽度为一个字符的宽度 */
	height: 1px; /* 设置下划线的高度 */
	background-color: var(--highlight-color);/* 下划线颜色 */
	position: absolute;
	left: 50%;
	bottom: -15px; /* 调整下划线的位置 */
	transform: translateX(-50%);
}

@media (min-width: 992px) { .pt-lg-6 { padding-top: 4.9rem!important; } }
.home-slide-height {
    max-height: 110px; /* 默认值，适用于sm及以下尺寸 */
}

@media (min-width: 576px) {
    .home-slide-height {
        max-height: 130px; /* sm及以下尺寸 */
    }
}

@media (min-width: 768px) {
    .home-slide-height {
        max-height: 200px; /* md尺寸 */
    }
}

@media (min-width: 992px) {
    .home-slide-height {
        max-height: 250px; /* lg尺寸 */
    }
}

@media (min-width: 1200px) {
    .home-slide-height {
        max-height: 300px; /* xl及以上尺寸 */
    }
}

.contact-us-ml {
  margin-left: 0rem;
}

@media (min-width: 576px) {
  .contact-us-ml {
    margin-left: 0rem;
  }
}

@media (min-width: 768px) {
  .contact-us-ml {
    margin-left: -1rem;
  }
}

@media (min-width: 992px) {
  .contact-us-ml {
    margin-left: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .contact-us-ml {
    margin-left: -1.5rem;
  }
}

/* 首页箭头 */
@media (min-width: 1400px) {
	.carousel-control-prev {
		width:50px;
		left: calc((100% - 1140px) / 2 - 100px);/* 1140px 是 container 的最大宽度 */
		right: auto;
  }
}
@media (min-width: 1400px) {
	.carousel-control-next {
		width:50px;
		left: calc((100% - 1140px) / 2 + 1190px);/* 1140px 是 container 的最大宽度 */
		right: auto;
  }
}

@media (max-width: 575.98px) {
  .carousel-control-prev,
  .carousel-control-next {
    top: calc(50% - 200px); /* 向上移动50像素 */
  }
}
.product-center-subcategories {
    flex-wrap: wrap; /* 允许导航项自动换行 */
    gap: 10px; /* 增加项目之间的间距 */
    text-align: center; /* 小屏幕时文本居中 */
}
.product-center-subcategories li {
    flex: 0 0 auto; /* 防止项目缩放 */
}