:root {
  /* 基础颜色 */
  --color-white: #ffffff;
  --color-dark: #121212;
  --color-black: #000000;
  
  /* 主色调 */
  --color-primary: #082f66;
  --color-secondary: #999999;
  --color-info: #86DDFB;
}

.btn-custom-primary {
	background-color: transparent;
	background-image: url(//img.thebdsoft.com/202512/4c5acef26505e916a21334b06258a18b.png!/format/webp);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	box-shadow: none;
	color: var(--color-white);
	font-weight: 600;
	transition: all 0.3s ease;
}
.btn-custom-primary:hover,
.btn-custom-primary:focus,
.btn-custom-primary:active {
	color: var(--color-white);
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent !important;
	transform: translateY(-4px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
}

.btn-custom-primary.rounded-circle {
	background-color: var(--color-primary);
	background-image: none;
	transition: all 0.5s ease;
}
.btn-custom-primary.rounded-circle:hover,
.btn-custom-primary.rounded-circle:focus,
.btn-custom-primary.rounded-circle:active {
	background-image: url(//img.thebdsoft.com/202512/2642cca213eb6e39ffda9b21297a96ea.png!/format/webp);
	transition: all 0.5s ease;
}

.btn-info {
	background-color: var(--color-info);
	border: none;
	box-shadow: none;
	color: var(--color-white);
	transition: all 0.3s ease;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active { 
	background-color: var(--color-info) !important;
	border-color: transparent !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent !important;
	transform: translateY(-4px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
}

.btn-outline-info {
	background-color: transparent;
	border-color: var(--color-white);
	box-shadow: none;
	color: var(--color-white);
	transition: all 0.3s ease;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
	background-color: var(--color-info) !important;
	border-color: var(--color-info) !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent !important;
	transform: translateY(-4px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
}

/* 文字颜色 */
.text-primary { color: var(--color-primary) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.text-info { color: var(--color-info) !important; }
.text-white { color: var(--color-white) !important; }
.text-dark { color: var(--color-dark) !important; }

/* 背景颜色 */
.bg-primary { background-color: var(--color-primary) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }
.bg-info { background-color: var(--color-info) !important; }
.bg-white { background-color: var(--color-white) !important; }
.bg-dark { background-color: var(--color-dark) !important; }

/* 实用工具类 */
.rounded-lg {border-radius: 0.5rem !important;}
.d-webkit {display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}	/* 配合-webkit-line-clamp: 3;使用，控制文本在第三行后省略文本  */


/* 表单控件 */
.form-control:focus,
.form-select:focus {
	border-color: var(--color-info);
	box-shadow: 0 0 0 0.2rem rgba(134, 221, 251, 0.25);
}

.form-control-range {
	-webkit-appearance: none;
	width: 100%;
	height: 8px;
	background: transparent;
	outline: none;
	border: none;
	border-radius: 0;
	pointer-events: none;
}
.form-control-range::-webkit-slider-runnable-track {
	width: 100%;
	height: 8px;
	background: var(--color-secondary);
	border: none;
	border-radius: 0;
}
.form-control-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 0;
	height: 0;
	opacity: 0;
}
.form-control-range::-moz-range-track {
	width: 100%;
	height: 8px;
	background: var(--color-secondary);
	border: none;
	border-radius: 0;
}
.form-control-range::-moz-range-thumb {
	width: 0;
	height: 0;
	opacity: 0;
	border: none;
}

.form-group:has(.form-control-range)::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 8px;
	background-color: var(--color-primary);
	border-radius: 0;
	z-index: 1;
}
.form-group:has(.form-control-range):nth-of-type(1)::after { width: 60%; }
.form-group:has(.form-control-range):nth-of-type(2)::after { width: 80%; }
.form-group:has(.form-control-range):nth-of-type(3)::after { width: 80%; }
.form-group:has(.form-control-range):nth-of-type(4)::after { width: 80%; }
.form-group:has(.form-control-range):nth-of-type(5)::after { width: 80%; }


a { color: var(--color-primary);text-decoration: none !important; }
a:hover { color: var(--color-primary); }

/* 导航栏 */
.navbar-custom .nav-link { 
	color: var(--color-white) !important;
	font-weight: 500;
}
.navbar-custom .nav-item:not(:nth-last-child(1)) .active {
	color: var(--color-primary) !important;
}
.navbar-custom .nav-item:not(:nth-last-child(1)) .active::after {
	content: '';
	position: absolute;
	bottom: 10px;
	left: 2rem;
	right: 0.5rem;
	height: 2px;
	background-color: var(--color-primary);
}

.navbar-mobile-custom .nav-link {
	color: var(--color-white) !important;
	display: inline-block;
	font-weight: 500;
	position: relative;
}

.navbar-mobile-custom .nav-item .active::after {
	content: '';
	position: absolute;
	bottom: 3px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background-color: var(--color-white);
}

.navbar-custom .nav-item:not(:nth-last-child(1)) .active::after {
	content: '';
	position: absolute;
	bottom: 10px;
	left: 2rem;
	right: 0.5rem;
	height: 2px;
	background-color: var(--color-primary);
}

.page-home .navbar-placeholder  {
    background-color: transparent !important;
}

.page-inner .navbar-placeholder  {
    background-color: var(--color-info) !important;
}

/* 轮播图 */
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	border: none;
	opacity: 0.9;
	transition: opacity 0.3s, transform 0.3s;
}

.swiper-container .swiper-button-next:hover,
.swiper-container .swiper-button-prev:hover {
	opacity: 1;
	transform: translateY(-50%) scale(1.05);
}

.swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-prev:after {
	display: none;
}

.page-content-wrapper {
	background-color: var(--color-info);
	background-image: url(//img.thebdsoft.com/202512/18fb9dc78c10f727ab24bea3462637fd.png!/format/webp);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	min-height: calc(100vh - 361px);
}

footer {
	background-image: url(//img.thebdsoft.com/202512/6ec21fd58241dfff4d878fe28295e33f.png!/format/webp);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

@media (min-width: 1200px) {
	h1[style*="font-size: 1.75rem"] {
		font-size: 2.5rem !important;
	}
	
	.container { 
		max-width: 1245px; 
	}
}