/* ============================================================
   品牌色覆盖层（由 skins/default.css 的 #0088CC 蓝色家族自动转换生成）
   主色 #0088CC -> #1B3A6B，配套明度梯度一并映射
   本文件加载顺序在皮肤之后，同特异性下后者优先（!important 同样生效）
   ============================================================ */
:root {
  --primary: #1B3A6B;
}

::selection {
  color: #FFF;
  background: #1B3A6B;
}

a { color: #1B3A6B; }
a:hover { color: #3A66A0; }
a:focus { color: #3A66A0; }
a:active { color: #18345E; }

::-moz-selection {
	color: #FFF;
	background: #1B3A6B;
}

::selection {
	color: #FFF;
	background: #1B3A6B;
}

:root {
	--primary: #1B3A6B;
	--secondary: #e36159;
	--tertiary: #2BAAB1;
	--quaternary: #383f48;
}

a {
	color: #1B3A6B;
}

a:hover {
	color: #3A66A0;
}

a:focus {
	color: #3A66A0;
}

a:active {
	color: #18345E;
}

html .text-color-primary,
html .text-primary {
	color: #1B3A6B !important;
}

html .text-color-hover-primary:hover,
html .text-hover-primary:hover {
	color: #1B3A6B !important;
}

html .svg-fill-color-primary {
	fill: #1B3A6B !important;
}

html .svg-fill-color-primary svg path,
html .svg-fill-color-primary svg rect,
html .svg-fill-color-primary svg line,
html .svg-fill-color-primary svg polyline,
html .svg-fill-color-primary svg polygon {
	fill: #1B3A6B !important;
}

html .svg-fill-color-hover-primary:hover {
	fill: #1B3A6B !important;
}

html .svg-fill-color-hover-primary svg:hover path,
html .svg-fill-color-hover-primary svg:hover rect,
html .svg-fill-color-hover-primary svg:hover line,
html .svg-fill-color-hover-primary svg:hover polyline,
html .svg-fill-color-hover-primary svg:hover polygon {
	fill: #1B3A6B !important;
}

html .svg-stroke-color-primary {
	stroke: #1B3A6B !important;
}

html .svg-stroke-color-primary svg path,
html .svg-stroke-color-primary svg rect,
html .svg-stroke-color-primary svg line,
html .svg-stroke-color-primary svg polyline,
html .svg-stroke-color-primary svg polygon {
	stroke: #1B3A6B !important;
}

html .svg-stroke-color-hover-primary:hover {
	stroke: #1B3A6B !important;
}

html .svg-stroke-color-hover-primary svg:hover path,
html .svg-stroke-color-hover-primary svg:hover rect,
html .svg-stroke-color-hover-primary svg:hover line,
html .svg-stroke-color-hover-primary svg:hover polyline,
html .svg-stroke-color-hover-primary svg:hover polygon {
	stroke: #1B3A6B !important;
}

.svg-animation-effect-1-hover:hover svg path,
.svg-animation-effect-1-hover:hover svg polygon,
.svg-animation-effect-1-hover:hover svg polyline,
.svg-animation-effect-1-hover:hover svg rect {
	stroke: #1B3A6B;
}

.svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg path,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polygon,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polyline,
.svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg rect {
	stroke: #1B3A6B;
}

.gradient-text-color {
	color: #1B3A6B;
	background: linear-gradient(to bottom right, #1B3A6B, #e36159);
	background-image: linear-gradient(to right, #1B3A6B, #e36159);
}

html .bg-color-primary,
html .bg-primary {
	background-color: #1B3A6B !important;
}

html .bg-color-hover-primary:hover,
html .bg-hover-primary:hover {
	background-color: #1B3A6B !important;
}

html .bg-color-after-primary:after {
	background-color: #1B3A6B !important;
}

html .bg-color-hover-after-primary:after:hover {
	background-color: #1B3A6B !important;
}

html .bg-color-before-primary:before {
	background-color: #1B3A6B !important;
}

html .bg-color-hover-before-primary:before:hover {
	background-color: #1B3A6B !important;
}

.bg-gradient {
	background-color: #1B3A6B !important;
	background-image: linear-gradient(to right, #1B3A6B 0%, #e36159 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3A6B', endColorstr='#e36159', GradientType=1);
}

.bg-gradient-to-top {
	background-color: #1B3A6B !important;
	background-image: linear-gradient(to top, #1B3A6B 0%, #e36159 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3A6B', endColorstr='#e36159', GradientType=1);
}

.bg-gradient-to-bottom {
	background-color: #1B3A6B !important;
	background-image: linear-gradient(to bottom, #1B3A6B 0%, #e36159 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3A6B', endColorstr='#e36159', GradientType=1);
}

@-webkit-keyframes colorTransition {
	0% {
		background-color: #1B3A6B;
	}

	33% {
		background-color: #e36159;
	}

	66% {
		background-color: #2BAAB1;
	}

	100% {
		background-color: #383f48;
	}
}

@keyframes colorTransition {
	0% {
		background-color: #1B3A6B;
	}

	33% {
		background-color: #e36159;
	}

	66% {
		background-color: #2BAAB1;
	}

	100% {
		background-color: #383f48;
	}
}

html .border-color-primary {
	border-color: #1B3A6B !important;
}

html .border-color-hover-primary:hover {
	border-color: #1B3A6B !important;
}

.alternative-font {
	color: #1B3A6B;
}

html .box-shadow-1-primary:before {
	box-shadow: 0 30px 90px #1B3A6B !important;
}

html .blockquote-primary {
	border-color: #1B3A6B !important;
}

p.drop-caps:first-letter {
	color: #1B3A6B;
}

p.drop-caps.drop-caps-style-2:first-letter {
	background-color: #1B3A6B;
}

html .nav-color-primary nav > ul > li > a {
	color: #1B3A6B !important;
}

html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
	background-color: #1B3A6B !important;
}

html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
	border-top-color: #1B3A6B !important;
}

.nav-pills > li.active > a,
.nav-pills .nav-link.active {
	background-color: #1B3A6B;
}

.nav-pills > li.active > a:hover,
.nav-pills .nav-link.active:hover,
.nav-pills > li.active > a:focus,
.nav-pills .nav-link.active:focus {
	background-color: #1B3A6B;
}

.nav-active-style-1 > li > a:hover,
.nav-active-style-1 > li > a:focus,
.nav-active-style-1 > li > a.active {
	border-bottom-color: #1B3A6B;
}

html .nav-pills-primary a {
	color: #1B3A6B;
}

html .nav-pills-primary a:hover {
	color: #3A66A0;
}

html .nav-pills-primary a:focus {
	color: #3A66A0;
}

html .nav-pills-primary a:active {
	color: #18345E;
}

html .nav-pills-primary .nav-link.active,
html .nav-pills-primary > li.active > a {
	background-color: #1B3A6B;
}

html .nav-pills-primary .nav-link.active:hover,
html .nav-pills-primary > li.active > a:hover,
html .nav-pills-primary .nav-link.active:focus,
html .nav-pills-primary > li.active > a:focus {
	background-color: #1B3A6B;
}

.nav-link {
	color: #1B3A6B;
}

.nav-link:hover {
	color: #3A66A0;
}

.nav-link:focus {
	color: #3A66A0;
}

.nav-link:active {
	color: #18345E;
}

.section-scroll-dots-navigation-colored > ul > li.active > a:before {
	background: #1B3A6B;
}

.sort-source-wrapper .nav > li.active > a {
	color: #1B3A6B;
}

.sort-source-wrapper .nav > li.active > a:hover,
.sort-source-wrapper .nav > li.active > a:focus {
	color: #1B3A6B;
}

.sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #1B3A6B;
}

.sort-source.sort-source-style-3 > li.active > a {
	border-bottom-color: #1B3A6B !important;
	color: #1B3A6B !important;
}

html .badge-primary {
	background-color: #1B3A6B;
}

html .overlay-color-primary:not(.no-skin):before {
	background-color: #1B3A6B !important;
}

.btn-link {
	color: #1B3A6B;
}

.btn-link:hover {
	color: #3A66A0;
}

.btn-link:active {
	color: #18345E;
}

html .btn-primary {
	background-color: #1B3A6B;
	border-color: #1B3A6B #1B3A6B #142C52;
	color: #FFF;
	--color: #1B3A6B;
	--hover: #4A78B5;
	--disabled: #1B3A6B;
	--active: #163057;
}

html .btn-primary:hover,
html .btn-primary.hover {
	border-color: #5A8AC8 #5A8AC8 #1B3A6B;
	color: #FFF;
}

html .btn-primary:hover:not(.bg-transparent),
html .btn-primary.hover:not(.bg-transparent) {
	background-color: #4A78B5;
}

html .btn-primary:focus,
html .btn-primary.focus {
	border-color: #142C52 #142C52 #0F2040;
	color: #FFF;
	box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5);
}

html .btn-primary:focus:not(.bg-transparent),
html .btn-primary.focus:not(.bg-transparent) {
	background-color: #163057;
}

html .btn-primary.disabled,
html .btn-primary:disabled {
	border-color: #1B3A6B #1B3A6B #142C52;
}

html .btn-primary.disabled:not(.bg-transparent),
html .btn-primary:disabled:not(.bg-transparent) {
	background-color: #1B3A6B;
}

html .btn-primary:active,
html .btn-primary.active {
	border-color: #142C52 #142C52 #0F2040 !important;
}

html .btn-primary:active:not(.bg-transparent),
html .btn-primary.active:not(.bg-transparent) {
	background-color: #163057 !important;
	background-image: none !important;
}

html .btn-primary-scale-2 {
	background-color: #142C52;
	border-color: #142C52 #142C52 #0F2040;
	color: #FFF;
}

html .btn-primary-scale-2:hover,
html .btn-primary-scale-2.hover {
	border-color: #1B3A6B #1B3A6B #142C52;
	color: #FFF;
}

html .btn-primary-scale-2:focus,
html .btn-primary-scale-2.focus {
	border-color: #0F2040 #0F2040 #002233;
	color: #FFF;
	box-shadow: 0 0 0 3px rgba(0, 102, 153, 0.5);
}

html .btn-primary-scale-2.disabled,
html .btn-primary-scale-2:disabled {
	border-color: #142C52 #142C52 #0F2040;
}

html .btn-primary-scale-2.disabled:not(.bg-transparent),
html .btn-primary-scale-2:disabled:not(.bg-transparent) {
	background-color: #142C52;
}

html .btn-primary-scale-2:active,
html .btn-primary-scale-2.active {
	border-color: #0F2040 #0F2040 #002233 !important;
}

html .show > .btn-primary.dropdown-toggle,
html .show > .btn-primary-scale-2.dropdown-toggle {
	background-color: #163057 !important;
	background-image: none !important;
	border-color: #142C52 #142C52 #0F2040 !important;
}

html .btn-check:active + .btn-primary,
html .btn-check:checked + .btn-primary,
html .btn-check:focus + .btn-primary {
	background-color: #18345E;
	border-color: #1B3A6B #1B3A6B #18345E;
	color: #FFF;
}

html .btn-outline.btn-primary {
	color: #1B3A6B;
	background-color: transparent;
	background-image: none;
	border-color: #1B3A6B;
}

html .btn-outline.btn-primary:hover,
html .btn-outline.btn-primary.hover {
	color: #FFF;
	background-color: #1B3A6B;
	border-color: #1B3A6B;
}

html .btn-outline.btn-primary.disabled,
html .btn-outline.btn-primary:disabled {
	color: #1B3A6B;
	background-color: transparent;
}

html .btn-outline.btn-primary:active,
html .btn-outline.btn-primary.active {
	color: #FFF !important;
	background-color: #1B3A6B !important;
	border-color: #1B3A6B !important;
}

html .show > .btn-outline.btn-primary.dropdown-toggle {
	color: #FFF !important;
	background-color: #1B3A6B !important;
	border-color: #1B3A6B !important;
}

html .btn-with-arrow.btn-primary {
	background-color: transparent;
	border-color: transparent;
	color: #1B3A6B;
}

html .btn-with-arrow.btn-primary:active {
	background-color: transparent !important;
	border-color: transparent !important;
	color: #1B3A6B !important;
}

html .btn-with-arrow.btn-primary span {
	background-color: #1B3A6B;
	box-shadow: 2px 3px 18px -3px #1B3A6B;
}

html .btn-with-arrow.btn-primary.btn-outline {
	border-color: #1B3A6B !important;
}

html .btn-with-arrow.btn-primary.btn-outline:hover span {
	background-color: #3A66A0 !important;
	box-shadow: none;
}

html .btn-with-arrow-solid.btn-primary span {
	background-color: #18345E;
}

.btn-gradient:not(.btn-outline) {
	background: linear-gradient(135deg, #1B3A6B 0%, #e36159 80%) !important;
	color: #FFF;
}

.btn-gradient:not(.btn-outline):hover,
.btn-gradient:not(.btn-outline).hover {
	background: linear-gradient(135deg, #4A78B5 0%, #e9807a 80%) !important;
	color: #FFF;
}

.btn-gradient:not(.btn-outline).disabled,
.btn-gradient:not(.btn-outline):disabled {
	background: linear-gradient(135deg, #1B3A6B 0%, #e36159 80%) !important;
}

.btn-gradient:not(.btn-outline):active,
.btn-gradient:not(.btn-outline).active {
	background: linear-gradient(135deg, #163057 0%, #dd4238 80%) !important;
	color: #FFF !important;
}

.btn-gradient.btn-outline {
	-o-border-image: linear-gradient(135deg, #1B3A6B 0%, #e36159 80%);
	border-image: linear-gradient(135deg, #1B3A6B 0%, #e36159 80%);
	color: #1B3A6B;
}

.btn-gradient.btn-outline:hover,
.btn-gradient.btn-outline.hover {
	-o-border-image: linear-gradient(135deg, #4A78B5 0%, #e9807a 80%);
	border-image: linear-gradient(135deg, #4A78B5 0%, #e9807a 80%);
	color: #4A78B5;
}

.btn-gradient.btn-outline.disabled,
.btn-gradient.btn-outline:disabled {
	-o-border-image: linear-gradient(135deg, #1B3A6B 0%, #e36159 80%);
	border-image: linear-gradient(135deg, #1B3A6B 0%, #e36159 80%);
}

.btn-gradient.btn-outline:active,
.btn-gradient.btn-outline.active {
	-o-border-image: linear-gradient(135deg, #163057 0%, #dd4238 80%);
	border-image: linear-gradient(135deg, #163057 0%, #dd4238 80%);
	color: #163057;
}

.btn-gradient-primary:not(.btn-outline):hover,
.btn-gradient-primary:not(.btn-outline).hover {
	background: linear-gradient(135deg, #0092db 0%, #4A78B5 80%) !important;
	color: #FFF;
}

.btn-gradient-primary:not(.btn-outline):active,
.btn-gradient-primary:not(.btn-outline).active {
	background: linear-gradient(135deg, #0092db 0%, #4A78B5 80%) !important;
	color: #FFF !important;
}

.btn-gradient-primary.btn-outline {
	-o-border-image: linear-gradient(135deg, #1B3A6B 0%, #00a3f5 80%);
	border-image: linear-gradient(135deg, #1B3A6B 0%, #00a3f5 80%);
	color: #1B3A6B;
}

.btn-gradient-primary.btn-outline:hover,
.btn-gradient-primary.btn-outline.hover {
	-o-border-image: linear-gradient(135deg, #4A78B5 0%, #4A78B5 80%);
	border-image: linear-gradient(135deg, #4A78B5 0%, #4A78B5 80%);
	color: #4A78B5;
}

.btn-gradient-primary.btn-outline.disabled,
.btn-gradient-primary.btn-outline:disabled {
	-o-border-image: linear-gradient(135deg, #1B3A6B 0%, #00a3f5 80%);
	border-image: linear-gradient(135deg, #1B3A6B 0%, #00a3f5 80%);
}

.btn-gradient-primary.btn-outline:active,
.btn-gradient-primary.btn-outline.active {
	-o-border-image: linear-gradient(135deg, #4A78B5 0%, #4A78B5 80%);
	border-image: linear-gradient(135deg, #4A78B5 0%, #4A78B5 80%);
	color: #4A78B5;
}

.pagination > a,
.pagination > a:hover,
.pagination > a:focus,
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #1B3A6B;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination .page-item.active .page-link {
	background-color: #1B3A6B !important;
	border-color: #1B3A6B;
}

body.dark .pagination > li > a,
body.dark .pagination > li > span,
body.dark .pagination > li > a:hover,
body.dark .pagination > li > span:hover,
body.dark .pagination > li > a:focus,
body.dark .pagination > li > span:focus {
	color: #1B3A6B;
}

body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus {
	background-color: #1B3A6B;
	border-color: #1B3A6B;
}

.pagination > .active > a,
body.dark .pagination > .active > a {
	background-color: #1B3A6B;
	border-color: #1B3A6B #1B3A6B #142C52;
	color: #fff;
}

.pagination > .active > a:hover,
body.dark .pagination > .active > a:hover,
.pagination > .active > a.hover,
body.dark .pagination > .active > a.hover {
	border-color: #5A8AC8 #5A8AC8 #1B3A6B;
	color: #fff;
}

.pagination > .active > a:hover:not(.bg-transparent),
body.dark .pagination > .active > a:hover:not(.bg-transparent),
.pagination > .active > a.hover:not(.bg-transparent),
body.dark .pagination > .active > a.hover:not(.bg-transparent) {
	background-color: #4A78B5;
}

.pagination > .active > a:focus,
body.dark .pagination > .active > a:focus,
.pagination > .active > a.focus,
body.dark .pagination > .active > a.focus {
	border-color: #142C52 #142C52 #0F2040;
	color: #fff;
	box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5);
}

.pagination > .active > a:focus:not(.bg-transparent),
body.dark .pagination > .active > a:focus:not(.bg-transparent),
.pagination > .active > a.focus:not(.bg-transparent),
body.dark .pagination > .active > a.focus:not(.bg-transparent) {
	background-color: #163057;
}

.pagination > .active > a.disabled,
body.dark .pagination > .active > a.disabled,
.pagination > .active > a:disabled,
body.dark .pagination > .active > a:disabled {
	border-color: #1B3A6B #1B3A6B #142C52;
}

.pagination > .active > a.disabled:not(.bg-transparent),
body.dark .pagination > .active > a.disabled:not(.bg-transparent),
.pagination > .active > a:disabled:not(.bg-transparent),
body.dark .pagination > .active > a:disabled:not(.bg-transparent) {
	background-color: #1B3A6B;
}

.pagination > .active > a:active,
body.dark .pagination > .active > a:active,
.pagination > .active > a.active,
body.dark .pagination > .active > a.active {
	border-color: #142C52 #142C52 #0F2040 !important;
}

.pagination > .active > a:active:not(.bg-transparent),
body.dark .pagination > .active > a:active:not(.bg-transparent),
.pagination > .active > a.active:not(.bg-transparent),
body.dark .pagination > .active > a.active:not(.bg-transparent) {
	background-color: #163057 !important;
	background-image: none !important;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #1B3A6B;
}

.custom-checkbox-switch:checked {
	background-color: #1B3A6B;
	border-color: #1B3A6B;
}

html .alert-primary {
	background-color: #1B3A6B;
	border-color: #007ebd;
	color: #FFF;
}

html .progress-bar-primary {
	background-color: #1B3A6B;
}

html .word-rotator.loading-bar-primary .word-rotator-words::after {
	background-color: #1B3A6B;
}

.process .process-step-circle {
	border-color: #1B3A6B;
}

.process .process-step:hover .process-step-circle {
	background-color: #1B3A6B;
}

.process.process-shapes .process-step-circle .process-step-circle-content,
.process.process-shapes .process-step-circle:before,
.process.process-shapes .process-step-circle:after {
	background-color: #1B3A6B;
}

.process-connecting-line .connecting-line {
	background: #1B3A6B;
}

html .rating-primary .filled-stars {
	color: #1B3A6B;
}

html section.section-primary {
	background-color: #1B3A6B !important;
	border-color: #18345E !important;
}

html section.section-primary-scale-2 {
	background-color: #142C52 !important;
	border-color: #112547 !important;
}

html section.section-primary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #142C52;
}

section.section.section-background-half-primary-half-secondary {
	background: linear-gradient(to right, #1B3A6B 50%, #e36159 50%);
}

section.section.section-overlay-opacity-gradient:before {
	background: linear-gradient(135deg, #1B3A6B 0%, #e36159 80%);
}

section.page-header .page-header-title-border {
	background-color: #1B3A6B !important;
}

section.page-header.custom-product {
	background-color: #18345E;
	border-top-color: #0081c2;
}

html .page-header-color.page-header-primary {
	background-color: #1B3A6B;
	border-bottom-color: #1B3A6B;
	color: #FFF;
}

html .toggle-primary .toggle label,
html .toggle-primary .toggle .toggle-title {
	color: #1B3A6B;
	border-left-color: #1B3A6B;
	border-right-color: #1B3A6B;
}

html .toggle-primary .toggle.active > label,
html .toggle-primary .toggle.active > .toggle-title {
	background-color: #1B3A6B;
	border-color: #1B3A6B;
	color: #FFF;
}

html .toggle-primary.toggle-simple .toggle > label:after,
html .toggle-primary.toggle-simple .toggle > .toggle-title:after {
	background-color: #1B3A6B;
}

html .toggle-primary.toggle-minimal .toggle.active > label,
html .toggle-primary.toggle-minimal .toggle.active > .toggle-title {
	color: #1B3A6B;
}

.thumb-info .thumb-info-type,
.thumb-info .thumb-info-action-icon,
.thumb-info-social-icons a,
.thumbnail .zoom,
.img-thumbnail .zoom,
.thumb-info-ribbon {
	background-color: #1B3A6B;
}

html .thumb-info .thumb-info-action-icon-primary {
	background-color: #1B3A6B;
}

.thumb-info-ribbon:before {
	border-right-color: #112547;
	border-left-color: #112547;
}

.thumb-info-floating-caption-title .thumb-info-floating-caption-type {
	background-color: #1B3A6B;
}

.inverted {
	background-color: #1B3A6B;
}

html .inverted-primary {
	background-color: #1B3A6B;
}

.owl-carousel.show-nav-title .owl-nav button[class*="owl-"],
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover,
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"].hover {
	color: #1B3A6B;
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
	background-color: #1B3A6B;
	border-color: #1B3A6B #1B3A6B #142C52;
	color: #FFF;
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover,
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].hover {
	background-color: #4A78B5;
	border-color: #5A8AC8 #5A8AC8 #1B3A6B;
}

.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:active,
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].active {
	background-color: #163057;
	background-image: none;
	border-color: #142C52 #142C52 #0F2040;
}

.owl-carousel.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-style-1 .owl-nav .owl-prev {
	color: #1B3A6B !important;
}

.owl-carousel.nav-style-2 .owl-nav .owl-next:before,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:before,
.owl-carousel.nav-style-2 .owl-nav .owl-next:after,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:after {
	border-color: #1B3A6B;
}

.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon,
.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon {
	fill: #1B3A6B;
	stroke: #1B3A6B;
}

.owl-carousel.nav-arrows-1 .owl-nav .owl-prev,
.owl-carousel.nav-arrows-1 .owl-nav .owl-next {
	color: #1B3A6B;
}

.owl-carousel.carousel-center-active-item-2 .owl-item.active > div {
	background: #1B3A6B;
}

.owl-carousel.carousel-bottom-inside-shadow .owl-stage-outer:after {
	background-image: linear-gradient(360deg, #1B3A6B 0%, transparent 100%);
}

html body .tabs .nav-tabs .nav-link,
html.dark body .tabs .nav-tabs .nav-link,
html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs .nav-link.active,
html.dark body .tabs .nav-tabs .nav-link.active {
	color: #1B3A6B;
}

html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs .nav-link:focus,
html.dark body .tabs .nav-tabs .nav-link:focus,
html body .tabs .nav-tabs .nav-link.active,
html.dark body .tabs .nav-tabs .nav-link.active,
html body .tabs .nav-tabs.nav-justified .nav-link.active,
html.dark body .tabs .nav-tabs.nav-justified .nav-link.active,
html body .tabs .nav-tabs.nav-justified .nav-link:hover,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover,
html body .tabs .nav-tabs.nav-justified .nav-link:focus,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus {
	border-top-color: #1B3A6B;
}

html body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs .nav-link.active,
html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active,
html body .tabs.tabs-bottom .nav-tabs .nav-link.active:hover,
html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:hover,
html body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus,
html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus {
	border-bottom-color: #1B3A6B;
}

html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active,
html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus {
	border-left-color: #1B3A6B;
}

html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active,
html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus {
	border-right-color: #1B3A6B;
}

html body .tabs.tabs-simple .nav-tabs > li .nav-link.active,
html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active,
html body .tabs.tabs-simple .nav-tabs > li .nav-link.active:focus,
html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active:focus,
html body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html body .tabs.tabs-simple .nav-tabs > li .nav-link.active:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active:hover {
	border-top-color: #1B3A6B;
	color: #1B3A6B;
}

html body .tabs-primary .nav-tabs li .nav-link,
html.dark body .tabs-primary .nav-tabs li .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
	color: #1B3A6B;
}

html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
	border-top-color: #1B3A6B;
}

html body .tabs-primary .nav-tabs li .nav-link.active,
html.dark body .tabs-primary .nav-tabs li .nav-link.active,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-primary .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link.active:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-primary .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-primary .nav-tabs li .nav-link.active:focus,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus {
	border-top-color: #1B3A6B;
	color: #1B3A6B;
}

html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus {
	border-bottom-color: #1B3A6B;
}

html body .tabs-primary.tabs-simple .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link:hover,
html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active,
html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active,
html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:hover,
html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus,
html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus {
	color: #1B3A6B !important;
	border-bottom-color: #1B3A6B;
}

html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active,
html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:hover,
html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus {
	border-left-color: #1B3A6B;
}

html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active,
html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:hover,
html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus {
	border-right-color: #1B3A6B;
}

html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:focus {
	border-right-color: #1B3A6B;
	border-left-color: transparent;
}

html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:focus {
	border-right-color: transparent;
	border-left-color: #1B3A6B;
}

.list.list-icons li > [class*="fa-"]:first-child,
.list.list-icons li a:first-child > [class*="fa-"]:first-child,
.list.list-icons li > .icons:first-child,
.list.list-icons li a:first-child > .icons:first-child {
	color: #1B3A6B;
	border-color: #1B3A6B;
}

.list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
.list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
.list.list-icons.list-icons-style-3 li > .icons:first-child,
.list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
	background-color: #1B3A6B;
}

.list.list-ordened li:before {
	color: #1B3A6B;
	border-color: #1B3A6B;
}

.list.list-ordened.list-ordened-style-3 li:before {
	background-color: #1B3A6B;
}

html .list-primary.list-icons li > [class*="fa-"]:first-child,
html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child,
html .list-primary.list-icons li > .icons:first-child,
html .list-primary.list-icons li a:first-child > .icons:first-child {
	color: #1B3A6B;
	border-color: #1B3A6B;
}

html .list-primary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
html .list-primary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
html .list-primary.list-icons.list-icons-style-3 li > .icons:first-child,
html .list-primary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
	background-color: #1B3A6B;
	color: #FFF;
}

html .list-primary.list-ordened li:before {
	color: #1B3A6B;
}

html .list-primary.list-ordened.list-ordened-style-3 li:before {
	background-color: #1B3A6B;
	color: #FFF;
}

html .highlight-primary {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #1B3A6B 0);
}

.parallax blockquote i.fa-quote-left {
	color: #1B3A6B;
}

section.video blockquote i.fa-quote-left {
	color: #1B3A6B;
}

.accordion .card-header a {
	color: #1B3A6B;
}

html .accordion.accordion-primary .card-header {
	background-color: #1B3A6B !important;
}

html .accordion-modern-status-primary.accordion-modern-status > .card .card-header a:not(.collapsed) {
	background-color: #1B3A6B !important;
	color: #FFF !important;
}

html .accordion-modern-status-primary.accordion-modern-status > .card:hover .card-header a.collapsed {
	color: #1B3A6B !important;
}

html .divider.divider-primary [class*="fa-"],
html .divider.divider-primary .icons {
	color: #1B3A6B;
}

html .divider.divider-primary.divider-small hr {
	background: #1B3A6B;
}

html .divider.divider-style-2.divider-primary [class*="fa-"],
html .divider.divider-style-2.divider-primary .icons {
	background: #1B3A6B;
	color: #FFF;
}

html .divider.divider-style-3.divider-primary [class*="fa-"],
html .divider.divider-style-3.divider-primary .icons {
	border-color: #1B3A6B;
}

#header .tip {
	background: #1B3A6B;
	color: #FFF;
}

#header .tip:before {
	border-right-color: #1B3A6B;
	border-left-color: transparent;
}

html #header .tip-primary {
	background: #1B3A6B !important;
	color: #FFF !important;
}

html #header .tip-primary:before {
	border-right-color: #1B3A6B !important;
}

html[dir="rtl"] #header .tip:before {
	border-left-color: #1B3A6B;
}

html[dir="rtl"] #header .tip.skin:before {
	border-left-color: #1B3A6B;
}

html[dir="rtl"] #header .tip-primary:before {
	border-left-color: #1B3A6B !important;
	border-right-color: transparent !important;
}

#header .header-btn-collapse-nav {
	background: #1B3A6B;
}

@media (min-width: 992px) {
  #header .header-nav-main nav > ul > li > a {
		color: #1B3A6B;
	
  }

  #header .header-nav-main nav > ul > li.open > a,
	#header .header-nav-main nav > ul > li:hover > a {
		background: #1B3A6B;
	
  }

  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
		border-top-color: #1B3A6B;
	
  }

  #header .header-nav-main nav > ul > li.dropdown.open > a:before,
	#header .header-nav-main nav > ul > li.dropdown:hover > a:before {
		border-bottom-color: #1B3A6B;
	
  }

  #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu {
		border-top-color: #1B3A6B;
	
  }

  #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu li a {
		color: #1B3A6B;
	
  }

  #header .header-nav-main nav > ul:not(:hover) > li > a.active {
		background-color: #1B3A6B;
		color: #FFF;
	
  }

  #header .header-nav.header-nav-stripe nav > ul > li:hover > a,
	#header .header-nav.header-nav-stripe nav > ul > li.open > a {
		background-color: #1B3A6B;
	
  }

  #header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active {
		background-color: #1B3A6B;
	
  }

  #header .header-nav.header-nav-stripe nav > ul:hover > li > a.active {
		color: #1B3A6B;
	
  }

  #header .header-nav.header-nav-links nav > ul li:hover > a {
		color: #1B3A6B;
	
  }

  #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
		color: #1B3A6B;
	
  }

  #header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb {
		background: #1B3A6B !important;
	
  }

  #header .header-nav.header-nav-line nav > ul li:hover > a {
		color: #1B3A6B;
	
  }

  #header .header-nav.header-nav-line nav > ul li:hover > a:before {
		background: #1B3A6B;
	
  }

  #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
		color: #1B3A6B;
	
  }

  #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
		background: #1B3A6B;
	
  }

  #header .header-nav-main.header-nav-main-slide nav > ul > li.open > span > a,
	#header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a {
		color: #1B3A6B;
	
  }

  #header .header-nav-main.header-nav-main-slide nav > ul:not(:hover) > li > span > a.active {
		color: #1B3A6B;
	
  }

  html.side-header #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
	html.side-header #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
		border-left-color: #1B3A6B;
	
  }

  html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
	html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
		border-right-color: #1B3A6B;
	
  }
}

@media (min-width: 992px) {
  html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu {
		background-color: #1B3A6B;
	
  }

  html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before,
	html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before {
		border-bottom-color: #1B3A6B;
		background: #1B3A6B;
	
  }

  html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
		background: #1B3A6B;
		color: #FFF;
	
  }

  html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active {
		background: #1B3A6B;
		color: #FFF;
	
  }

  html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus,
	html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover {
		color: #1B3A6B;
	
  }

  html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus:before,
	html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover:before {
		background-color: #1B3A6B;
	
  }

  html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
		color: #1B3A6B;
	
  }

  html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before,
	html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before {
		background: #1B3A6B;
	
  }

  html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active {
		color: #1B3A6B;
	
  }

  html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active:before {
		background-color: #1B3A6B;
	
  }

  html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a {
		color: #1B3A6B;
	
  }

  html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus,
	html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover {
		color: #1B3A6B;
	
  }

  html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
		color: #1B3A6B;
	
  }

  html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active {
		color: #1B3A6B;
	
  }
}

@media (min-width: 992px) {
  html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li:hover > a,
	html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li .wrapper-items-cloned:hover > a {
		color: #1B3A6B !important;
	
  }

  html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li > a.active,
	html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li .wrapper-items-cloned > a.active {
		color: #1B3A6B !important;
	
  }
}

@media (max-width: 991px) {
  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
		color: #1B3A6B;
	
  }

  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:active {
		color: #1B3A6B;
	
  }

  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
		background: #1B3A6B;
	
  }

  #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus,
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {
		background: #1B3A6B;
	
  }

  #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active {
		background: #1B3A6B;
	
  }

  #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:focus,
	#header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:hover {
		background: #1B3A6B;
	
  }

  html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active {
		color: #1B3A6B !important;
	
  }

  html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav::-webkit-scrollbar-thumb {
		background-color: #1B3A6B;
	
  }

  html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.active {
		color: #1B3A6B !important;
	
  }

  html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:hover > a {
		color: #1B3A6B !important;
	
  }
}

@media (max-width: 991px) {
  html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a {
		color: #1B3A6B;
	
  }

  html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a.active {
		background: #1B3A6B !important;
		color: #FFF !important;
	
  }
}

html #header .header-top.header-top-primary {
	background: #1B3A6B;
	border-top-color: #18345E;
}

html #header .header-top.header-top-primary .header-nav-top ul > li.open > a {
	background: #3A66A0;
}

html #header .header-top.header-top-primary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus {
	background: #3A66A0;
}

html #header .header-top.header-top-primary .dropdown-menu {
	background: #3A66A0;
	border-color: #3A66A0;
}

html #header .header-top.header-top-primary .dropdown-menu a:hover,
html #header .header-top.header-top-primary .dropdown-menu a:focus {
	background: #5A8AC8 !important;
}

@media (min-width: 992px) {
  html #header .header-nav-bar-primary {
		background: #1B3A6B !important;
		color: #FFF !important;
	
  }
}

@media (min-width: 992px) {
  #header .header-nav-main.header-nav-main-light nav > ul > li.open > a,
	#header .header-nav-main.header-nav-main-light nav > ul > li:hover > a {
		color: #1B3A6B;
	
  }

  #header .header-nav-main.header-nav-main-light nav > ul > li > a.active {
		color: #1B3A6B;
	
  }
}

#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {
	border-bottom-color: #1B3A6B;
}

.testimonial blockquote {
	background: #3A66A0;
}

.testimonial .testimonial-arrow-down {
	border-top-color: #3A66A0;
}

html .testimonial-primary blockquote {
	background: #3A66A0;
}

html .testimonial-primary .testimonial-arrow-down {
	border-top-color: #3A66A0;
}

html .testimonial-primary.testimonial-style-7 {
	background: #3A66A0;
}

html .testimonial-quotes-primary blockquote:before,
html .testimonial-quotes-primary blockquote:after {
	color: #1B3A6B !important;
}

html .testimonial-quotes-secondary blockquote:before,
html .testimonial-quotes-secondary blockquote:after {
	color: #1B3A6B !important;
}

html .testimonial-quotes-tertiary blockquote:before,
html .testimonial-quotes-tertiary blockquote:after {
	color: #1B3A6B !important;
}

html .testimonial-quotes-quaternary blockquote:before,
html .testimonial-quotes-quaternary blockquote:after {
	color: #1B3A6B !important;
}

html .testimonial-quotes-dark blockquote:before,
html .testimonial-quotes-dark blockquote:after {
	color: #1B3A6B !important;
}

html .testimonial-quotes-light blockquote:before,
html .testimonial-quotes-light blockquote:after {
	color: #1B3A6B !important;
}

.circular-bar.only-icon [class*="fa-"],
.circular-bar.only-icon .icons {
	color: #1B3A6B;
}

.form-control.bg-primary,
.form-control.bg-color-primary {
	color: #FFF;
	border-color: #1B3A6B;
}

.form-control .testimonial-primary blockquote {
	background: #3A66A0;
}

.form-control .testimonial-primary .testimonial-arrow-down {
	border-top-color: #3A66A0;
}

.form-control .testimonial-primary.testimonial-style-7 {
	background: #3A66A0;
}

.form-control .testimonial-quotes-primary blockquote:before,
.form-control .testimonial-quotes-primary blockquote:after {
	color: #1B3A6B !important;
}

.form-control .testimonial-quotes-secondary blockquote:before,
.form-control .testimonial-quotes-secondary blockquote:after {
	color: #1B3A6B !important;
}

.form-control .testimonial-quotes-tertiary blockquote:before,
.form-control .testimonial-quotes-tertiary blockquote:after {
	color: #1B3A6B !important;
}

.form-control .testimonial-quotes-quaternary blockquote:before,
.form-control .testimonial-quotes-quaternary blockquote:after {
	color: #1B3A6B !important;
}

.form-control .testimonial-quotes-dark blockquote:before,
.form-control .testimonial-quotes-dark blockquote:after {
	color: #1B3A6B !important;
}

.form-control .testimonial-quotes-light blockquote:before,
.form-control .testimonial-quotes-light blockquote:after {
	color: #1B3A6B !important;
}

.form-range::-webkit-slider-thumb {
	background-color: #1B3A6B;
}

html .counters .counter-primary [class*="fa-"],
html .counters .counter-primary .icons,
html .counters .counter-primary strong {
	color: #1B3A6B;
}

html .countdown.countdown-primary > span > span {
	color: #1B3A6B;
}

html .image-hotspot-primary .circle {
	background: #1B3A6B !important;
}

.icon-featured {
	background-color: #1B3A6B;
}

html .featured-box-primary .icon-featured {
	background-color: #1B3A6B;
}

html .featured-box-primary h4 {
	color: #1B3A6B;
}

html .featured-box-primary .box-content {
	border-top-color: #1B3A6B;
}

html .featured-box-primary .box-content-border-bottom {
	border-bottom-color: #1B3A6B;
}

html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured {
	border-color: #1B3A6B;
	color: #1B3A6B;
}

html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured {
	border-color: #1B3A6B;
	color: #1B3A6B;
}

html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured {
	color: #1B3A6B;
}

html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured {
	color: #1B3A6B;
}

html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured {
	color: #1B3A6B;
}

.featured-boxes-modern-style-primary .featured-box {
	background: #1B3A6B;
	background: linear-gradient(135deg, #1B3A6B 0%, #383f48 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B3A6B', endColorstr='#383f48', GradientType=1);
}

html .featured-box-effect-2.featured-box-primary .icon-featured:after {
	box-shadow: 0 0 0 3px #1B3A6B;
}

html .featured-box-effect-3.featured-box-primary .icon-featured:after {
	box-shadow: 0 0 0 10px #1B3A6B;
}

html .featured-box-effect-3.featured-box-primary:hover .icon-featured {
	background: #1B3A6B !important;
}

.feature-box .feature-box-icon {
	background-color: #1B3A6B;
}

html .feature-box-primary .feature-box-icon {
	background-color: #1B3A6B;
}

.feature-box.feature-box-style-2 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-2 .feature-box-icon .icons {
	color: #1B3A6B;
}

html .feature-box-primary.feature-box-style-2 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons {
	color: #1B3A6B;
}

.feature-box.feature-box-style-3 .feature-box-icon {
	border-color: #1B3A6B;
}

.feature-box.feature-box-style-3 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-3 .feature-box-icon .icons {
	color: #1B3A6B;
}

html .feature-box-primary.feature-box-style-3 .feature-box-icon {
	border-color: #1B3A6B;
}

html .feature-box-primary.feature-box-style-3 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons {
	color: #1B3A6B;
}

.feature-box.feature-box-style-4 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-4 .feature-box-icon .icons {
	color: #1B3A6B;
}

html .feature-box-primary.feature-box-style-4 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons {
	color: #1B3A6B;
}

.feature-box.feature-box-style-5 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-5 .feature-box-icon .icons {
	color: #1B3A6B;
}

html .feature-box-primary.feature-box-style-5 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-5 .feature-box-icon .icons {
	color: #1B3A6B;
}

html .feature-box-primary.feature-box-style-6 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-6 .feature-box-icon .icons {
	color: #1B3A6B;
}

html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1) {
	background-color: #142C52;
}

html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2) {
	background-color: #18345E;
}

html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3) {
	background-color: #1B3A6B;
}

html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4) {
	background-color: #3A66A0;
}

html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(5) {
	background-color: #5A8AC8;
}

html .featured-boxes-full .featured-box-full-primary {
	background-color: #1B3A6B;
	color: #FFF;
}

.pricing-table .most-popular {
	border-color: #1B3A6B;
}

.pricing-table .most-popular h3 {
	background-color: #1B3A6B;
}

.pricing-table.princig-table-flat .plan h3 {
	background-color: #1B3A6B;
}

.pricing-table.princig-table-flat .plan h3 span {
	background: #1B3A6B;
}

html .call-to-action.featured.featured-primary {
	border-top-color: #1B3A6B;
}

html .call-to-action.call-to-action-primary {
	background: #1B3A6B;
}

html .call-to-action.with-full-borders-primary {
	border-color: #1B3A6B;
}

html .call-to-action.call-to-action-primary {
	background: #1B3A6B;
}

section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
	background: #1B3A6B;
	box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #1B3A6B;
}

ul.history li .featured-box .box-content {
	border-top-color: #1B3A6B;
}

.portfolio-list .portfolio-item.portfolio-item-new:after {
	background: linear-gradient(135deg, #1B3A6B 0%, #e36159 80%);
}

.recent-posts .date .month,
article.post .post-date .month {
	background-color: #1B3A6B;
}

.recent-posts .date .day,
article.post .post-date .day {
	color: #1B3A6B;
}

.slider .tp-bannertimer {
	background-color: #1B3A6B;
}

.home-concept strong {
	color: #1B3A6B;
}

html .home-intro-primary {
	background: #1B3A6B;
}

html .slide-overlay-primary .slotholder:after {
	background-color: #1B3A6B !important;
}

html .slider-container .tp-caption-overlay-primary {
	background: #1B3A6B;
}

html .tp-bullets.bullets-color-primary .tp-bullet:hover,
html .tp-bullets.bullets-color-primary .tp-bullet.selected {
	background: #1B3A6B;
}

.cd-product-viewer-handle .handle {
	background: #1B3A6B;
}

.tparrows.tparrows-carousel.tp-leftarrow,
.tparrows.tparrows-carousel.tp-rightarrow {
	background-color: #1B3A6B;
	border-color: #1B3A6B #1B3A6B #142C52;
	color: #fff;
}

.tparrows.tparrows-carousel.tp-leftarrow:hover,
.tparrows.tparrows-carousel.tp-rightarrow:hover,
.tparrows.tparrows-carousel.tp-leftarrow.hover,
.tparrows.tparrows-carousel.tp-rightarrow.hover {
	border-color: #5A8AC8 #5A8AC8 #1B3A6B;
	color: #fff;
}

.tparrows.tparrows-carousel.tp-leftarrow:hover:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow:hover:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-leftarrow.hover:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow.hover:not(.bg-transparent) {
	background-color: #4A78B5;
}

.tparrows.tparrows-carousel.tp-leftarrow:focus,
.tparrows.tparrows-carousel.tp-rightarrow:focus,
.tparrows.tparrows-carousel.tp-leftarrow.focus,
.tparrows.tparrows-carousel.tp-rightarrow.focus {
	border-color: #142C52 #142C52 #0F2040;
	color: #fff;
	box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5);
}

.tparrows.tparrows-carousel.tp-leftarrow:focus:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow:focus:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-leftarrow.focus:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow.focus:not(.bg-transparent) {
	background-color: #163057;
}

.tparrows.tparrows-carousel.tp-leftarrow.disabled,
.tparrows.tparrows-carousel.tp-rightarrow.disabled,
.tparrows.tparrows-carousel.tp-leftarrow:disabled,
.tparrows.tparrows-carousel.tp-rightarrow:disabled {
	border-color: #1B3A6B #1B3A6B #142C52;
}

.tparrows.tparrows-carousel.tp-leftarrow.disabled:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow.disabled:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-leftarrow:disabled:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow:disabled:not(.bg-transparent) {
	background-color: #1B3A6B;
}

.tparrows.tparrows-carousel.tp-leftarrow:active,
.tparrows.tparrows-carousel.tp-rightarrow:active,
.tparrows.tparrows-carousel.tp-leftarrow.active,
.tparrows.tparrows-carousel.tp-rightarrow.active {
	border-color: #142C52 #142C52 #0F2040 !important;
}

.tparrows.tparrows-carousel.tp-leftarrow:active:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow:active:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-leftarrow.active:not(.bg-transparent),
.tparrows.tparrows-carousel.tp-rightarrow.active:not(.bg-transparent) {
	background-color: #163057 !important;
	background-image: none !important;
}

.tparrows.arrows-primary:before {
	color: #1B3A6B;
}

.shop .products .product .onsale {
	background-color: #1B3A6B;
	border-bottom-color: #006da3;
}

.shop .cart-totals tr.total .amount {
	color: #1B3A6B;
}

.shop .products .product:hover .quick-view:hover {
	background: #1B3A6B;
}

.product .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover {
	color: #FFF;
	background: #1B3A6B;
}

.product .product-thumb-info .countdown-offer-wrapper {
	background: #1B3A6B;
}

.dropdown-menu.dropdown-menu-arrow-centered a:focus,
.dropdown-menu.dropdown-menu-arrow-centered a:active {
	background-color: #1B3A6B;
}

#footer .footer-ribbon {
	background: #1B3A6B;
}

#footer .footer-ribbon:before {
	border-right-color: #112547;
	border-left-color: #112547;
}

#footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active {
	color: #1B3A6B !important;
}

#footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active:before {
	background: #1B3A6B !important;
}

#footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a {
	color: #1B3A6B !important;
}

#footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a:before {
	background: #1B3A6B !important;
}

.scrollable.colored-slider .scrollable-slider {
	background: #1B3A6B;
}

.sample-icon-list .sample-icon a:hover {
	background-color: #1B3A6B;
}

.cursor-inner {
	background-color: #1B3A6B;
}

.cursor-inner.cursor-inner-plus:before {
	color: #1B3A6B;
}

.cursor-outer {
	border-color: #1B3A6B;
}

.cssload-thecube .cssload-cube:before {
	background-color: #1B3A6B;
}

.cssload-cube-progress {
	border-color: #1B3A6B;
}

.cssload-cube-progress-inner {
	background-color: #1B3A6B;
}

.cssload-float-rings-inner.cssload-one {
	border-bottom-color: #1B3A6B;
}

.cssload-float-rings-inner.cssload-two {
	border-right-color: #1B3A6B;
}

.cssload-float-rings-inner.cssload-three {
	border-top-color: #1B3A6B;
}

.cssload-float-bars-loading,
.cssload-float-bars-loading:after,
.cssload-float-bars-loading:before {
	background: #1B3A6B;
}

.cssload-speeding-wheel {
	border-top-color: #1B3A6B;
	border-bottom-color: #1B3A6B;
}

.cssload-zenith {
	box-shadow: 3px 3px 1px #1B3A6B;
}

.cssload-spinning-square-loading {
	background: #1B3A6B;
}

.cssload-pulse-loader {
	background: #1B3A6B;
}

.map-rounded-pin {
	background: #1B3A6B;
}

html.boxed .body {
	border-top-color: #1B3A6B;
}


/* ============================================================
   一鸣会计 · 品牌自定义样式（.ymacc-* 组件 + 品牌按钮 + 工具类）
   品牌色：深蓝 #1B3A6B（主） / 金 #C9A063（点缀）
   ============================================================ */
:root {
  --ymacc-primary: #1B3A6B;
  --ymacc-primary-light: #3A66A0;
  --ymacc-primary-dark: #18345E;
  --ymacc-primary-darkest: #0F2040;
  --ymacc-gold: #C9A063;
  --ymacc-gold-dark: #B08A4D;
  --ymacc-bg-grey: #f6f8fb;
  --ymacc-border: #e6eaf0;
}

/* ---------- 品牌工具色（主题缺失，必须自定义） ---------- */
.text-color-gold { color: #C9A063 !important; }
.text-color-gold:hover { color: #B08A4D !important; }
.text-color-midgray { color: #777 !important; }
.text-white-70 { color: rgba(255,255,255,.75) !important; }
.text-white-50 { color: rgba(255,255,255,.6) !important; }

/* 节标题小标（金色眉标） */
.sub-title {
  display: inline-block;
  color: #C9A063;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* ---------- 品牌按钮 ---------- */
.btn-ymacc-primary {
  background-color: #1B3A6B;
  border: 1px solid #1B3A6B;
  color: #fff;
}
.btn-ymacc-primary:hover, .btn-ymacc-primary:focus, .btn-ymacc-primary:active {
  background-color: #18345E;
  border-color: #18345E;
  color: #fff;
}
.btn-ymacc-primary:disabled { background-color: #1B3A6B; border-color: #1B3A6B; color: #fff; opacity: .65; }

/* CTA 转化按钮（spec --color-cta #F2994A，仅用于转化类按钮：咨询/拨号/获取报价） */
.btn-ymacc-gold {
  background-color: #F2994A;
  border: 1px solid #F2994A;
  color: #fff;
  min-height: 44px;
}
.btn-ymacc-gold:hover, .btn-ymacc-gold:focus, .btn-ymacc-gold:active {
  background-color: #E07F2F;
  border-color: #E07F2F;
  color: #fff;
}

.btn-ymacc-outline {
  background: transparent;
  border: 1px solid #1B3A6B;
  color: #1B3A6B;
}
.btn-ymacc-outline:hover, .btn-ymacc-outline:focus, .btn-ymacc-outline:active {
  background: #1B3A6B;
  border-color: #1B3A6B;
  color: #fff;
}

.btn-ymacc-outline-light {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.btn-ymacc-outline-light:hover, .btn-ymacc-outline-light:focus, .btn-ymacc-outline-light:active {
  background: #fff;
  border-color: #fff;
  color: #1B3A6B;
}

/* 表单焦点品牌色 */
.form-control:focus, .form-select:focus {
  border-color: #3A66A0;
  box-shadow: 0 0 0 .25rem rgba(27,58,107,.15);
}

/* ============================================================
   Header（顶栏 + Logo + 电话 + CTA）
   ============================================================ */
.ymacc-topbar {
  background: #1B3A6B;
  color: rgba(255,255,255,.85);
  font-size: 13px;
  padding: 7px 0;
}
.ymacc-topbar a { color: #fff; text-decoration: none; }
.ymacc-topbar a:hover { color: #C9A063; }
.ymacc-topbar i { color: #C9A063; }

.ymacc-logo { gap: 10px; }
.ymacc-logo-icon { width: 46px; height: 46px; object-fit: contain; }
.ymacc-logo-icon-light { width: 42px; height: 42px; object-fit: contain; }
.ymacc-logo-text { display: flex; flex-direction: column; line-height: 1.15; }
.ymacc-logo-text strong { color: #1B3A6B; font-size: 21px; font-weight: 700; }
.ymacc-logo-text small { color: #8a94a6; font-size: 10px; letter-spacing: 2px; }
.footer-ymacc .ymacc-logo-text strong { color: #fff; }
.footer-ymacc .ymacc-logo-text small { color: rgba(255,255,255,.55); }

.ymacc-header-phone { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; }
.ymacc-phone-label { font-size: 11px; color: #98a1b3; letter-spacing: .5px; }
.ymacc-phone-num { color: #1B3A6B; font-size: 18px; font-weight: 700; text-decoration: none; }
.ymacc-phone-num:hover { color: #3A66A0; }
.ymacc-header-cta { border-radius: 4px; }

/* ============================================================
   Footer
   ============================================================ */
.footer-ymacc { background: #0F2040; color: rgba(255,255,255,.72); }
.footer-ymacc .footer-title {
  color: #fff; font-size: 16px; font-weight: 700;
  margin-bottom: 18px; padding-bottom: 10px; position: relative;
}
.footer-ymacc .footer-title:after {
  content: ""; position: absolute; left: 0; bottom: 0;
  width: 32px; height: 2px; background: #C9A063;
}
.footer-ymacc .footer-links li { margin-bottom: 9px; }
.footer-ymacc .footer-links a { color: rgba(255,255,255,.72); text-decoration: none; transition: color .2s; }
.footer-ymacc .footer-links a:hover { color: #C9A063; }
.footer-ymacc .footer-contact li { margin-bottom: 10px; display: flex; gap: 8px; align-items: flex-start; }
.footer-ymacc .footer-contact i { color: #C9A063; margin-top: 3px; }
.footer-ymacc .footer-contact a { color: rgba(255,255,255,.72); text-decoration: none; }
.footer-ymacc .footer-contact a:hover { color: #C9A063; }
.footer-bottom {
  background: rgba(0,0,0,.28); border-top: 1px solid rgba(255,255,255,.08);
  padding: 16px 0; font-size: 13px; color: rgba(255,255,255,.55);
}
.footer-icp a { color: rgba(255,255,255,.55); text-decoration: none; }
.footer-icp a:hover { color: #C9A063; }

/* ============================================================
   桌面悬浮栏 + 移动端拨号条
   ============================================================ */
.ymacc-float {
  position: fixed; right: 22px; top: 50%; transform: translateY(-50%);
  z-index: 1045; flex-direction: column; gap: 10px;
}
.ymacc-float-item {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 54px; height: 54px;
  background: #fff; border: 1px solid #e6eaf0; border-radius: 8px;
  box-shadow: 0 4px 14px rgba(27,58,107,.12);
  color: #1B3A6B; text-decoration: none; transition: all .25s ease;
}
.ymacc-float-item i { font-size: 20px; line-height: 1; }
.ymacc-float-item span { font-size: 11px; margin-top: 5px; line-height: 1.2; }
.ymacc-float-item:hover { background: #1B3A6B; color: #fff; border-color: #1B3A6B; transform: translateY(-2px); }
.ymacc-float-top { background: #1B3A6B; color: #fff; border-color: #1B3A6B; }
.ymacc-float-top:hover { background: #18345E; }

.ymacc-mobbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1050;
  display: flex; background: #fff; box-shadow: 0 -4px 16px rgba(0,0,0,.1);
}
.mobbar-btn {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px;
  padding: 14px 8px; font-size: 15px; font-weight: 600; text-decoration: none;
}
.mobbar-call { background: #F2994A; color: #fff; flex-direction: column; gap: 2px; } /* spec --color-cta */
.mobbar-call .mobbar-call-label { white-space: nowrap; }
.mobbar-call .mobbar-call-num { white-space: nowrap; font-size: 13px; letter-spacing: .2px; }
.mobbar-online { background: #C9A063; color: #fff; }
/* 双联系电话：号码原子化，仅在「 / 」处允许换行（窄栏不折号中） */
.ymacc-phone-part { white-space: nowrap; }
.ymacc-phone-sep { opacity: .5; font-size: .85em; }
@media (max-width: 991.98px) {
  body { padding-bottom: 80px; } /* 为底部拨号条留出空间（spec 12.3） */
}

/* ============================================================
   首页 Banner 轮播
   ============================================================ */
.ymacc-banner-section { position: relative; }
.ymacc-banner-slide {
  background-size: cover; background-position: center; background-color: #1B3A6B;
  min-height: 500px; height: 500px; /* spec 7.1：Banner 固定 500px */
  position: relative; display: flex; align-items: center;
}
.ymacc-banner-mask {
  position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(15,32,64,.78) 0%, rgba(27,58,107,.52) 100%);
}
.ymacc-banner-content { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; padding: 32px 0; text-align: center; }
.ymacc-banner-title { font-size: 44px; font-weight: 700; line-height: 1.2; margin-bottom: 16px; text-shadow: 0 2px 8px rgba(0,0,0,.3); }
/* Banner 标题字号分档（spec 7.1：≤7 字 / 8-10 字 / 11-15 字） */
.ymacc-banner-title.banner-title-lg { font-size: 48px; }
.ymacc-banner-title.banner-title-md { font-size: 42px; }
.ymacc-banner-title.banner-title-sm { font-size: 36px; }
.ymacc-banner-sub { font-size: 18px; line-height: 1.6; margin-bottom: 8px; opacity: .95; }
.ymacc-banner-btns { display: flex; gap: 16px; justify-content: center; }
.ymacc-banner-btns .btn { min-height: 44px; }
@media (max-width: 767.98px) {
  .ymacc-banner-slide { min-height: 400px; height: 400px; padding: 60px 0; } /* spec 移动端 400px */
  .ymacc-banner-title { font-size: 30px; }
  .ymacc-banner-title.banner-title-lg { font-size: 32px; }
  .ymacc-banner-title.banner-title-md { font-size: 28px; }
  .ymacc-banner-title.banner-title-sm { font-size: 24px; }
  .ymacc-banner-sub { font-size: 14px; }
  .ymacc-banner-btns { flex-direction: column; align-items: stretch; }
  .ymacc-banner-btns .btn { width: 100%; }
}

/* ============================================================
   首页 核心服务卡
   ============================================================ */
/* 服务卡：固定 240px + 纵向分布（spec 7.2，等长内容→等长容器） */
.ymacc-service-card {
  background: #fff; border: 1px solid #E5E7EB; border-radius: 8px;
  padding: 32px 24px; height: 240px;
  display: flex; flex-direction: column; justify-content: space-between;
  text-align: center; transition: all .3s ease;
  box-shadow: 0 2px 12px rgba(27,58,107,.05);
}
.ymacc-service-card:hover {
  transform: translateY(-4px); box-shadow: 0 8px 24px rgba(27,58,107,.12); border-color: #2D7CD1;
}
.ymacc-svc-icon {
  width: 56px; height: 56px; margin: 0 auto 16px;
  display: flex; align-items: center; justify-content: center;
  background: #F5F7FA; color: #1B3A6B; font-size: 26px; border-radius: 50%;
}
.ymacc-svc-icon-lg { width: 72px; height: 72px; font-size: 32px; }
/* 服务项目页分类大图标：与 ymacc 原版一致（圆角方块 + 品牌色浅底 + 20px 下距），首页卡片圆形样式不受影响 */
.ymacc-svc-icon.ymacc-svc-icon-lg {
  background: rgba(27,58,107,.08);
  border-radius: 12px;
  margin: 0 0 20px;
}
.ymacc-service-card .service-card-title {
  font-size: 20px; font-weight: 600; color: #1B3A6B; margin-bottom: 8px; min-height: 28px;
}
.ymacc-service-card .service-card-desc {
  font-size: 14px; color: #7F8C8D; line-height: 1.6; min-height: 44px;
}
.ymacc-service-card .service-card-cta {
  margin-top: 16px; font-size: 14px; font-weight: 600;
  color: #2D7CD1; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
}
.ymacc-service-card .service-card-cta:hover { color: #1B3A6B; }
@media (max-width: 640px) {
  .ymacc-service-card { height: auto; min-height: 200px; } /* 移动端弹性容器，避免裁切 */
}

/* ============================================================
   首页 为什么选择（图标行）
   ============================================================ */
.ymacc-why-icon {
  flex: 0 0 auto; width: 54px; height: 54px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(27,58,107,.08); color: #1B3A6B; font-size: 24px; border-radius: 12px;
}
.ymacc-why-icon-sm { width: 46px; height: 46px; font-size: 20px; }

/* ============================================================
   首页 服务流程
   ============================================================ */
.ymacc-process-bg { background: #f6f8fb; }
.ymacc-step { position: relative; padding: 0 10px; }
.ymacc-step-num {
  width: 56px; height: 56px; margin: 0 auto 18px;
  display: flex; align-items: center; justify-content: center;
  background: #1B3A6B; color: #fff; font-size: 24px; font-weight: 800;
  border-radius: 50%; box-shadow: 0 8px 18px rgba(27,58,107,.25);
}
.ymacc-step-icon { font-size: 30px; color: #C9A063; margin-bottom: 10px; }

/* ============================================================
   案例卡片（首页 / 服务详情 / 案例页）
   ============================================================ */
.ymacc-case-card {
  background: #fff; border: 1px solid #e6eaf0; border-radius: 10px; overflow: hidden;
  height: 100%; transition: all .3s ease; box-shadow: 0 2px 12px rgba(27,58,107,.05);
}
.ymacc-case-card:hover { transform: translateY(-6px); box-shadow: 0 14px 30px rgba(27,58,107,.14); }
.ymacc-case-card-lg {
  background: #fff; border: 1px solid #e6eaf0; border-radius: 10px; overflow: hidden;
  height: 100%; transition: all .3s ease; box-shadow: 0 2px 12px rgba(27,58,107,.05);
}
.ymacc-case-card-lg:hover { transform: translateY(-6px); box-shadow: 0 14px 30px rgba(27,58,107,.14); }
.ymacc-case-img { position: relative; overflow: hidden; }
.ymacc-case-img img { width: 100%; height: 220px; object-fit: cover; display: block; transition: transform .5s ease; }
.ymacc-case-card:hover .ymacc-case-img img,
.ymacc-case-card-lg:hover .ymacc-case-img img { transform: scale(1.06); }
.ymacc-case-tag {
  display: inline-block; background: #C9A063; color: #fff;
  font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 20px;
}
.ymacc-case-img .ymacc-case-tag { position: absolute; left: 14px; bottom: 14px; }
.ymacc-case-body { padding: 22px 24px; }
.ymacc-case-hero { border-radius: 10px; overflow: hidden; }
.ymacc-case-hero img { width: 100%; display: block; }

/* ============================================================
   首页 服务区域
   ============================================================ */
.ymacc-area-item {
  display: inline-flex; align-items: center;
  background: #fff; border: 1px solid #e6eaf0; border-radius: 30px;
  padding: 8px 18px; font-size: 14px; color: #4a5568; margin: 6px;
  transition: all .25s ease;
}
.ymacc-area-item i { color: #C9A063; }
.ymacc-area-item:hover { background: #1B3A6B; border-color: #1B3A6B; color: #fff; }
.ymacc-area-item:hover i { color: #C9A063; }

/* ============================================================
   首页 客户评价
   ============================================================ */
.ymacc-quote {
  background: #fff; border: 1px solid #e6eaf0; border-radius: 10px;
  padding: 28px; height: 100%; position: relative;
}
.ymacc-quote-icon { font-size: 30px; color: rgba(201,160,99,.4); margin-bottom: 14px; }
.ymacc-quote-avatar {
  width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;
  background: rgba(27,58,107,.08); color: #1B3A6B; font-size: 22px; border-radius: 50%;
}

/* ============================================================
   新闻卡片（首页 / 新闻列表 / 详情 meta）
   ============================================================ */
.ymacc-news-card {
  background: #fff; border: 1px solid #e6eaf0; border-radius: 10px; overflow: hidden;
  height: 100%; padding-bottom: 24px; transition: all .3s ease; box-shadow: 0 2px 12px rgba(27,58,107,.05);
}
.ymacc-news-card:hover { transform: translateY(-6px); box-shadow: 0 14px 30px rgba(27,58,107,.14); }
.ymacc-news-img { width: 100%; height: 200px; object-fit: cover; display: block; transition: transform .5s ease; }
.ymacc-news-card:hover .ymacc-news-img { transform: scale(1.05); }
.ymacc-news-card h4 { padding: 0 24px; }
.ymacc-news-card p { padding: 0 24px; }
.ymacc-news-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; font-size: 13px; color: #98a1b3; }
.ymacc-news-card .ymacc-news-meta { padding: 18px 24px 0; }
.ymacc-news-tag { font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 4px; }
.ymacc-news-tag.tag-company { background: rgba(27,58,107,.1); color: #1B3A6B; }
.ymacc-news-tag.tag-industry { background: rgba(201,160,99,.16); color: #B08A4D; }

/* ============================================================
   底部 CTA
   ============================================================ */
/* 需双类选择器压过 theme-elements 的 .call-to-action.call-to-action-strong-grey（#EDEDED 灰底） */
.call-to-action.ymacc-cta { background: linear-gradient(120deg, #1B3A6B 0%, #2a4f88 100%); padding: 32px 0; }
.ymacc-cta h2 { color: #fff; }
.ymacc-cta p { color: rgba(255,255,255,.85); }
.ymacc-cta h2 strong { color: #C9A063; }
/* 09-04 用户指示：金底白字对比不足，CTA 区按钮文字改深蓝 */
.ymacc-cta .btn-ymacc-gold, .ymacc-cta .btn-ymacc-gold:hover, .ymacc-cta .btn-ymacc-gold:focus, .ymacc-cta .btn-ymacc-gold:active { color: #1B3A6B; }

/* ============================================================
   关于我们
   ============================================================ */
.ymacc-milestone {
  background: #fff; border: 1px solid #e6eaf0; border-radius: 10px;
  padding: 24px; height: 100%; text-align: left;
}
.ymacc-milestone-num {
  color: #C9A063; font-size: 14px; font-weight: 700;
  letter-spacing: 1px; margin-bottom: 10px; display: block;
}
.ymacc-culture-card {
  background: #fff; border: 1px solid #e6eaf0; border-radius: 10px;
  padding: 28px 24px; text-align: center; height: 100%; transition: all .3s ease;
}
.ymacc-culture-card:hover { transform: translateY(-5px); box-shadow: 0 12px 26px rgba(27,58,107,.12); border-color: #C9A063; }
.ymacc-culture-icon { font-size: 34px; color: #1B3A6B; margin-bottom: 16px; }
.ymacc-cert-item {
  background: #fff; border: 1px solid #e6eaf0; border-radius: 10px;
  overflow: hidden; text-align: center;
}
/* 证书图片比例混杂（横图 1.5 ~ 竖图 0.67）：用 contain 保证整张证书完整可见，不变形不裁切 */
.ymacc-cert-item img {
  width: 100%; height: 220px;
  object-fit: contain; object-position: center;
  display: block; background: #fff;
}
.ymacc-cert-name { display: block; padding: 12px; font-size: 14px; font-weight: 600; color: #333; }
.ymacc-team-card {
  background: #fff; border: 1px solid #e6eaf0; border-radius: 10px;
  overflow: hidden; height: 100%; transition: all .3s ease;
}
.ymacc-team-card:hover { transform: translateY(-5px); box-shadow: 0 12px 26px rgba(27,58,107,.12); }
/* 团队成员卡：3 人为 2:3 竖照、负责人为 1.5 横照 → 2:3 画框 + cover + 居中：竖照零裁切，负责人横照仅左右居中裁切（人脸居中保留） */
.ymacc-team-img {
  width: 100%; height: auto; aspect-ratio: 2 / 3;
  object-fit: cover; object-position: center;
  display: block;
}
.ymacc-team-body { padding: 18px; }
/* 成员墙（5 列）：全部为 2:3 竖照，2:3 画框 = 零裁切，完整显示 */
.ymacc-team-photo {
  width: 100%; height: auto; aspect-ratio: 2 / 3;
  object-fit: cover;
  border-radius: 8px; display: block;
}

/* ============================================================
   服务项目页
   ============================================================ */
.ymacc-service-item {
  background: #fff; border: 1px solid #e6eaf0; border-radius: 10px;
  padding: 24px 26px; height: 100%; transition: all .3s ease;
}
.ymacc-service-item:hover { border-color: #C9A063; box-shadow: 0 10px 24px rgba(27,58,107,.10); transform: translateY(-3px); }
.ymacc-more {
  display: inline-flex; align-items: center; color: #1B3A6B;
  font-weight: 600; font-size: 14px; text-decoration: none;
}
.ymacc-more:hover { color: #C9A063; }
.ymacc-more i { transition: transform .25s; }
.ymacc-more:hover i { transform: translateX(4px); }
/* 服务项目列表页板块间距收紧（仅限 /services 页的 .ymacc-svc-section，不影响其他页面） */
section.ymacc-svc-section {
  margin: 0 0 30px;
  padding: 34px 0 26px;
}
section.ymacc-svc-section:last-of-type { margin-bottom: 0; }
@media (min-width: 768px) {
  /* 桌面端：卡片网格最后一行（每行 2 张，取末 2 列）不再撑出多余下边距；
     mb-4 在 Porto 的 bootstrap 中带 !important，故此处也需 !important；
     移动端单列布局不受影响，卡片间距保持 24px */
  section.ymacc-svc-section > .row:last-of-type > .col-md-6:nth-last-child(-n + 2) { margin-bottom: 0 !important; }
}

/* ============================================================
   详情页内容块（服务/案例/新闻详情）
   ============================================================ */
.ymacc-content-block { margin-bottom: 30px; }
.ymacc-h3 {
  font-size: 22px; font-weight: 700; color: #1B3A6B;
  margin-bottom: 16px; padding-bottom: 10px;
  border-bottom: 2px solid #eef1f6; position: relative;
}
.ymacc-h3:after {
  content: ""; position: absolute; left: 0; bottom: -2px;
  width: 46px; height: 2px; background: #C9A063;
}
.ymacc-h3 i { color: #C9A063; }
.ymacc-prose { color: #555; line-height: 1.9; font-size: 15.5px; }
.ymacc-prose p { margin-bottom: 14px; }
.ymacc-prose ul, .ymacc-prose ol { padding-left: 22px; margin-bottom: 14px; }
.ymacc-prose li { margin-bottom: 6px; }
.ymacc-check-list li {
  padding: 9px 0; border-bottom: 1px dashed #e6eaf0; font-size: 15px; color: #555;
}
.ymacc-check-list li:last-child { border-bottom: 0; }
.ymacc-process-steps { counter-reset: step; }
.ymacc-process-step {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 12px 0; border-bottom: 1px dashed #e6eaf0;
}
.ymacc-process-step:last-child { border-bottom: 0; }
.ymacc-process-step-num {
  flex: 0 0 auto; width: 30px; height: 30px;
  display: flex; align-items: center; justify-content: center;
  background: #1B3A6B; color: #fff; font-weight: 700; font-size: 14px; border-radius: 50%;
}
.ymacc-process-step-text { color: #555; font-size: 15px; line-height: 1.6; }
.ymacc-result-block {
  background: rgba(201,160,99,.08); border: 1px solid rgba(201,160,99,.32);
  border-radius: 10px; padding: 24px 26px;
}
.ymacc-result-block .ymacc-h3 { border-bottom-color: rgba(201,160,99,.32); }
.ymacc-quote-block {
  background: #f6f8fb; border-left: 4px solid #C9A063; border-radius: 0 8px 8px 0;
  padding: 20px 24px; font-size: 17px; font-style: italic; color: #555; margin: 0;
}

/* ============================================================
   服务详情 FAQ mini（与 ymacc 原版一致）
   ============================================================ */
.ymacc-faq-mini { border: 1px solid #e6eaf0; border-radius: 10px; overflow: hidden; }
.ymacc-faq-item { border-bottom: 1px solid #eef1f6; }
.ymacc-faq-item:last-child { border-bottom: 0; }
.ymacc-faq-q { padding: 14px 20px; font-weight: 600; color: #212529; background: #fafbfc; }
.ymacc-faq-q i { color: #1B3A6B; }
.ymacc-faq-a { padding: 12px 20px 16px; color: #777; font-size: 14.5px; line-height: 1.7; }

/* ============================================================
   侧边栏（详情页通用）
   ============================================================ */
.ymacc-sidebar { position: sticky; top: 90px; }
.ymacc-sidebar-box {
  background: #fff; border: 1px solid #e6eaf0; border-radius: 10px;
  padding: 24px; margin-bottom: 24px;
}
.ymacc-traffic-box { border-width: 1.5px; padding: 28px; min-height: 240px; }
.ymacc-sidebar-title {
  font-size: 16px; font-weight: 700; color: #1B3A6B;
  margin-bottom: 16px; padding-bottom: 12px;
  border-bottom: 2px solid #eef1f6; position: relative;
}
.ymacc-sidebar-title:after {
  content: ""; position: absolute; left: 0; bottom: -2px;
  width: 34px; height: 2px; background: #C9A063;
}
.ymacc-side-nav li { margin-bottom: 4px; }
.ymacc-side-nav > li > a {
  display: block; padding: 8px 12px; font-weight: 600; color: #333;
  text-decoration: none; border-radius: 6px;
}
.ymacc-side-nav > li > a:hover { background: #f6f8fb; color: #1B3A6B; }
.ymacc-side-nav > li > a.active { background: rgba(27,58,107,.08); color: #1B3A6B; }
.ymacc-side-subnav { margin: 4px 0 8px 12px; }
.ymacc-side-subnav li a {
  display: block; padding: 6px 12px; font-size: 14px; color: #777;
  text-decoration: none; border-left: 2px solid #eef1f6;
}
.ymacc-side-subnav li a:hover { color: #1B3A6B; border-left-color: #C9A063; }
.ymacc-side-subnav li a.active { color: #1B3A6B; border-left-color: #C9A063; font-weight: 600; }
.ymacc-side-news li { border-bottom: 1px solid #eef1f6; padding: 12px 0; }
.ymacc-side-news li:last-child { border-bottom: 0; }
.ymacc-side-news-title { font-size: 14.5px; font-weight: 600; color: #333; line-height: 1.5; }
.ymacc-side-news a:hover .ymacc-side-news-title { color: #1B3A6B; }
.ymacc-side-case {
  display: flex; gap: 12px; padding: 12px 0;
  border-bottom: 1px solid #eef1f6; text-decoration: none;
}
.ymacc-side-case:last-child { border-bottom: 0; }
.ymacc-side-case-img { width: 84px; height: 64px; object-fit: cover; border-radius: 6px; flex: 0 0 auto; }
.ymacc-side-case h5 { font-size: 14px; line-height: 1.4; }
.ymacc-side-case:hover h5 { color: #1B3A6B; }
.ymacc-contact-box { background: #1B3A6B; border-color: #1B3A6B; text-align: center; }
.ymacc-contact-box .ymacc-sidebar-title { color: #fff; border-bottom-color: rgba(255,255,255,.15); }
.ymacc-contact-box .ymacc-sidebar-title:after { background: #C9A063; }
.ymacc-contact-box p { color: rgba(255,255,255,.8); font-size: 14px; }
.ymacc-contact-phone {
  display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap;
  color: #C9A063; font-size: 22px; font-weight: 700;
  text-decoration: none; margin-bottom: 6px;
}
.ymacc-contact-phone:hover { color: #fff; }

/* ============================================================
   筛选条（案例 / 新闻列表）
   ============================================================ */
.ymacc-filter-bar { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.ymacc-filter-item {
  display: inline-block; padding: 8px 22px;
  border: 1px solid #e6eaf0; border-radius: 30px; background: #fff;
  color: #555; font-size: 14px; font-weight: 500; text-decoration: none; transition: all .25s ease;
}
.ymacc-filter-item:hover { border-color: #1B3A6B; color: #1B3A6B; }
.ymacc-filter-item.active { background: #1B3A6B; border-color: #1B3A6B; color: #fff; }

/* ============================================================
   联系我们（NAP 信息卡 + 地图占位）
   ============================================================ */
.ymacc-nap-card {
  background: #fff; border: 1px solid #e6eaf0; border-radius: 10px;
  padding: 26px 24px; height: 100%; text-align: center; transition: all .3s ease;
}
.ymacc-nap-card:hover { transform: translateY(-4px); box-shadow: 0 12px 26px rgba(27,58,107,.12); border-color: #C9A063; }
.ymacc-nap-icon {
  width: 58px; height: 58px; margin: 0 auto 16px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(27,58,107,.08); color: #1B3A6B; font-size: 24px; border-radius: 50%;
}
.ymacc-nap-card h4 { font-size: 17px; }
.ymacc-nap-card a:hover { color: #C9A063; }
.ymacc-map-box {
  display: flex; gap: 16px; align-items: stretch;
  background: #eef1f6; border: 1px solid #cdd6e4; border-radius: 10px;
  padding: 16px; color: #555;
}
.ymacc-map-preview { flex: 0 0 48%; border-radius: 8px; overflow: hidden; border: 1px solid #cdd6e4; background: #dde3ec; }
.ymacc-map-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ymacc-map-side { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 4px 6px; }
.ymacc-map-addr { font-size: 15px; font-weight: 600; color: #1B3A6B; line-height: 1.6; margin: 0 0 14px; }
.ymacc-map-addr i { color: #F2994A; margin-right: 6px; }
.ymacc-map-btns { display: flex; flex-direction: column; gap: 10px; }
.ymacc-map-btns .btn { width: 100%; text-align: center; }
@media (max-width: 991.98px) {
  .ymacc-map-box { flex-direction: column; }
  .ymacc-map-preview { flex: none; height: 190px; }
  .ymacc-map-side { padding: 0; }
  .ymacc-map-addr { text-align: center; }
}

/* ============================================================
   SPEC 对齐层（css-layout-spec.md v1.0）
   变量体系 + 首页/服务页/关于/新闻/FAQ 组件
   核心原则：不等长内容 → 等长容器，不修改文案，纯版面优化
   ============================================================ */
:root {
  /* ===== 主色系 ===== */
  --color-primary: #1B3A6B;
  --color-primary-light: #2D7CD1;
  --color-primary-dark: #142E54;
  /* ===== 点缀色 ===== */
  --color-accent: #C9A063;
  --color-accent-light: #E5D4A8;
  /* ===== 行动色 ===== */
  --color-cta: #F2994A;
  --color-cta-hover: #E07F2F;
  --color-success: #27AE60;
  --color-warning: #E74C3C;
  /* ===== 中性色 ===== */
  --color-text: #2C3E50;
  --color-text-secondary: #7F8C8D;
  --color-text-muted: #95A5A6;
  --color-border: #E5E7EB;
  --color-divider: #ECF0F1;
  /* ===== 背景色 ===== */
  --color-bg: #FFFFFF;
  --color-bg-secondary: #F5F7FA;
  --color-bg-tertiary: #FAFBFC;
  --color-bg-dark: #1B3A6B;
  /* ===== Banner 字号（按字符数分档） ===== */
  --font-size-banner-lg: 48px;
  --font-size-banner-md: 42px;
  --font-size-banner-sm: 36px;
  /* ===== 间距（8 点网格） ===== */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  /* ===== 圆角 ===== */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  /* ===== 阴影 ===== */
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --shadow-md: 0 4px 12px rgba(27,58,107,.08);
  --shadow-lg: 0 8px 24px rgba(27,58,107,.12);
  --shadow-xl: 0 16px 48px rgba(27,58,107,.16);
  --shadow-hover: 0 8px 24px rgba(27,58,107,.16);
  /* ===== 容器 ===== */
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1200px;
  --container-2xl: 1440px;
}

/* ---------- 首页：6 大优势卡（spec 7.3；09-05 去固定 180px 高，卡高随内容、压上下空白） ---------- */
.advantages-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6);
  max-width: var(--container-xl); margin: 0 auto;
}
.advantage-card {
  background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-md);
  padding: var(--space-6);
  display: flex; flex-direction: column; justify-content: center; gap: var(--space-3);
}
.advantage-card-title {
  font-size: 20px; font-weight: 600; color: var(--color-primary);
  display: flex; align-items: center; gap: var(--space-2); min-height: 28px;
}
.advantage-card-icon { color: var(--color-accent); font-size: 24px; }
.advantage-card-desc { font-size: 14px; color: var(--color-text-secondary); line-height: 1.6; min-height: 48px; }
@media (max-width: 1024px) { .advantages-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .advantages-grid { grid-template-columns: 1fr; } }

/* ---------- 首页：服务流程 5 步（spec 7.4，移动端竖向时间轴） ---------- */
.process-steps {
  display: flex; justify-content: space-between;
  max-width: var(--container-lg); margin: 0 auto; position: relative;
}
.process-steps::before {
  content: ''; position: absolute; top: 28px; left: 5%; right: 5%;
  height: 2px; background: var(--color-border); z-index: 0;
}
.process-step { flex: 1; text-align: center; position: relative; z-index: 1; }
.process-step-number {
  width: 56px; height: 56px; border-radius: var(--radius-full);
  background: #fff; border: 2px solid var(--color-primary-light); color: var(--color-primary);
  font-size: 24px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto var(--space-3);
}
.process-step-title { font-size: 16px; font-weight: 600; color: var(--color-text); margin-bottom: var(--space-2); }
.process-step-desc { font-size: 13px; color: var(--color-text-secondary); line-height: 1.6; padding: 0 var(--space-2); }
@media (max-width: 991.98px) {
  .process-steps { flex-direction: column; align-items: flex-start; gap: var(--space-6); }
  .process-steps::before { top: 0; bottom: 0; left: 28px; right: auto; width: 2px; height: auto; }
  .process-step { display: flex; align-items: flex-start; gap: var(--space-4); text-align: left; width: 100%; }
  .process-step-number { margin: 0; flex-shrink: 0; }
  .process-step-content { flex: 1; padding-top: var(--space-3); }
}

/* ---------- 首页：客户评价（09-04 用户指示：右→左无限滚播、双引号、内容 4 行高） ---------- */
.testimonials-marquee {
  position: relative; overflow: hidden;
  max-width: var(--container-xl); margin: 0 auto;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 60px, #000 calc(100% - 60px), transparent);
  mask-image: linear-gradient(90deg, transparent, #000 60px, #000 calc(100% - 60px), transparent);
}
.testimonials-track { display: flex; width: max-content; animation: ymacc-testi-scroll 68.7s linear infinite; }
.testimonials-marquee:hover .testimonials-track { animation-play-state: paused; }
.testimonials-set { display: flex; }
.testimonial-card {
  background: #fff; border-left: 4px solid var(--color-accent);
  padding: var(--space-6); width: 434px; flex-shrink: 0; margin-right: var(--space-6);
  min-height: 190px; border-radius: 12px;
  display: flex; flex-direction: column; justify-content: space-between;
}
.testimonial-content { font-size: 14px; line-height: 1.8; color: var(--color-text); flex: 1; }
.testimonial-author {
  font-size: 13px; color: var(--color-text-secondary); text-align: right;
  margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid var(--color-divider);
}
@keyframes ymacc-testi-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (max-width: 1024px) {
  .testimonial-card { width: 340px; }
}
@media (prefers-reduced-motion: reduce) {
  .testimonials-track { animation: none; }
}

/* ---------- 首页：服务区域 8 卡 · 每行 4 个（09-04 用户指示：增阜沙、4×2 排列、降高） ---------- */
.regions-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
  max-width: var(--container-xl); margin: 0 auto;
}
.region-card {
  background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-md);
  padding: 16px 12px; min-height: 156px; height: auto;
  display: flex; flex-direction: column; justify-content: center; gap: 8px;
  text-align: center; transition: all .3s;
}
.region-card:hover { border-color: var(--color-accent); box-shadow: var(--shadow-md); }
.region-card-name { font-size: 20px; font-weight: 700; color: var(--color-primary); margin-bottom: 4px; }
.region-card-industry {
  font-size: 13px; color: var(--color-text-secondary);
  padding-bottom: 8px; border-bottom: 1px solid var(--color-divider);
}
.region-card-specialty {
  font-size: 14px; color: var(--color-text); line-height: 1.6; min-height: 45px;
  display: flex; align-items: center; justify-content: center;
}
@media (max-width: 1024px) { .regions-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .regions-grid { grid-template-columns: 1fr; } }

/* ---------- 服务专题页：渐变 hero（spec 8.1，H1 主副拆分） ---------- */
.service-hero {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  padding: var(--space-16) var(--space-4);
  color: #fff; text-align: center;
}
.service-hero-breadcrumb { font-size: 13px; color: rgba(255,255,255,.7); margin-bottom: var(--space-6); }
.service-hero-breadcrumb a { color: rgba(255,255,255,.85); text-decoration: none; }
.service-hero-breadcrumb a:hover { color: #fff; }
.service-hero-title { margin-bottom: var(--space-4); }
.service-hero-title .title-main {
  display: block; font-size: 36px; font-weight: 700; line-height: 1.2; margin-bottom: var(--space-3);
  color: #fff; /* 显式声明，防止主题 h1 颜色规则覆盖继承 */
}
.service-hero-title .title-sub { display: block; font-size: 20px; font-weight: 400; color: var(--color-accent); }
.service-hero-desc {
  font-size: 16px; line-height: 1.6; max-width: 720px;
  margin: var(--space-6) auto var(--space-8); opacity: .95;
}
@media (max-width: 767.98px) {
  .service-hero { padding: var(--space-12) var(--space-4); }
  .service-hero-title .title-main { font-size: 28px; }
  .service-hero-title .title-sub { font-size: 18px; }
}

/* ---------- 服务专题页：服务内容编号清单（spec 8.2） ---------- */
.service-list { max-width: var(--container-lg); margin: 0 auto; }
.service-list-item {
  background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-md);
  padding: var(--space-6); margin-bottom: var(--space-4);
  display: flex; gap: var(--space-4); align-items: flex-start; transition: all .3s;
}
.service-list-item:hover { border-color: var(--color-primary-light); box-shadow: var(--shadow-md); }
.service-list-number {
  flex-shrink: 0; width: 40px; height: 40px; border-radius: var(--radius-full);
  background: var(--color-primary); color: #fff; font-size: 18px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.service-list-content { flex: 1; }
.service-list-title { font-size: 18px; font-weight: 600; color: var(--color-primary); margin-bottom: var(--space-2); min-height: 28px; }
.service-list-desc { font-size: 14px; color: var(--color-text-secondary); line-height: 1.6; }

/* ---------- 关于：团队表格（spec 9.1，移动端转卡片） ---------- */
.team-table {
  width: 100%; border-collapse: collapse; background: #fff;
  border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden;
}
.team-table thead { background: var(--color-primary); color: #fff; }
.team-table th, .team-table td { padding: var(--space-4); text-align: left; border-bottom: 1px solid var(--color-divider); }
.team-table tbody tr:hover { background: var(--color-bg-secondary); }
@media (max-width: 767.98px) {
  .team-table, .team-table thead, .team-table tbody, .team-table tr, .team-table th, .team-table td { display: block; }
  .team-table thead { display: none; }
  .team-table tr {
    margin-bottom: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md);
    padding: var(--space-4); background: #fff;
  }
  .team-table td {
    padding: var(--space-2) 0; border-bottom: 1px dashed var(--color-divider);
    display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-3);
  }
  .team-table td:last-child { border-bottom: none; }
  .team-table td::before { content: attr(data-label); font-weight: 600; color: var(--color-primary); flex-shrink: 0; }
}

/* ---------- 关于：发展历程时间轴（spec 9.2；线 left:7px 与 16px 圆点中心对齐） ---------- */
.timeline { max-width: var(--container-md); margin: 0 auto; position: relative; padding-left: var(--space-8); }
.timeline::before {
  content: ''; position: absolute; top: 0; bottom: 0; left: 7px;
  width: 2px; background: var(--color-primary-light);
}
.timeline-item { position: relative; padding-bottom: var(--space-8); }
.timeline-item:last-child { padding-bottom: 0; }
.timeline-item::before {
  content: ''; position: absolute; left: -32px; top: 4px;
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--color-primary); border: 3px solid #fff; box-shadow: var(--shadow-sm);
}
.timeline-year { font-size: 20px; font-weight: 700; color: var(--color-primary); margin-bottom: var(--space-2); }
.timeline-content { font-size: 14px; color: var(--color-text); line-height: 1.6; }

/* ---------- 关于：荣誉资质证书墙（spec 9.3 aspect-ratio 4:3，保留证书名称） ---------- */
.honors-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4);
  max-width: var(--container-xl); margin: 0 auto;
}
.honor-item {
  aspect-ratio: 4 / 3; background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-md);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: var(--space-2); padding: var(--space-3); transition: all .3s;
}
.honor-item:hover { border-color: var(--color-accent); box-shadow: var(--shadow-md); transform: scale(1.02); }
.honor-item img { max-width: 100%; max-height: calc(100% - 24px); object-fit: contain; }
.honor-name { font-size: 13px; color: var(--color-text-secondary); text-align: center; line-height: 1.4; }
@media (max-width: 1024px) { .honors-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .honors-grid { grid-template-columns: repeat(2, 1fr); } }

/* ---------- 新闻：政策文章 H1 高度统一（spec 10.1） ---------- */
.policy-h1 {
  font-size: 28px; font-weight: 700; color: var(--color-primary); line-height: 1.4;
  margin-bottom: var(--space-6); min-height: 78px; display: flex; align-items: center;
}
.policy-meta {
  display: flex; flex-wrap: wrap; gap: var(--space-4); font-size: 13px; color: var(--color-text-secondary);
  padding-bottom: var(--space-4); border-bottom: 1px solid var(--color-divider); margin-bottom: var(--space-8);
}
.policy-meta-tag {
  background: var(--color-bg-secondary); padding: 2px 8px; border-radius: var(--radius-sm); color: var(--color-primary);
}
.policy-content { font-size: 16px; line-height: 1.8; color: var(--color-text); }
.policy-content ul { list-style: none; padding-left: 0; }
.policy-content li { padding-left: var(--space-6); position: relative; margin-bottom: var(--space-2); }
.policy-content li::before { content: '▸'; position: absolute; left: 0; color: var(--color-primary-light); }
@media (max-width: 767.98px) {
  .policy-h1 { font-size: 22px; min-height: 60px; }
  .policy-content { font-size: 15px; }
}

/* ---------- 新闻：列表卡片（spec 10.2，移动端转纵列） ---------- */
.news-list { max-width: var(--container-xl); margin: 0 auto; }
.news-list-item {
  display: flex; gap: var(--space-6); padding: var(--space-6);
  background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-md);
  margin-bottom: var(--space-4); transition: all .3s;
}
.news-list-item:hover { border-color: var(--color-primary-light); box-shadow: var(--shadow-md); }
.news-thumb {
  flex-shrink: 0; width: 200px; height: 130px; border-radius: var(--radius-sm);
  overflow: hidden; background: var(--color-bg-secondary);
}
.news-thumb img { width: 100%; height: 100%; object-fit: cover; }
.news-content { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.news-title { font-size: 18px; font-weight: 600; color: var(--color-primary); line-height: 1.4; margin-bottom: var(--space-3); }
.news-title a { color: inherit; text-decoration: none; }
.news-title a:hover { color: var(--color-primary-light); }
.news-excerpt {
  font-size: 14px; color: var(--color-text-secondary); line-height: 1.6;
  overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.news-meta {
  font-size: 12px; color: var(--color-text-muted);
  display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-3);
}
@media (max-width: 767.98px) {
  .news-list-item { flex-direction: column; }
  .news-thumb { width: 100%; height: 180px; }
}

/* ---------- FAQ：details/summary 折叠（spec 11.1） ---------- */
.faq-list { max-width: var(--container-lg); margin: 0 auto; }
.faq-item {
  background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-md);
  margin-bottom: var(--space-3); overflow: hidden; transition: all .3s;
}
.faq-item[open] { border-color: var(--color-primary-light); box-shadow: var(--shadow-sm); }
.faq-question {
  font-size: 16px; font-weight: 600; color: var(--color-primary);
  padding: var(--space-5) 56px var(--space-5) var(--space-6);
  cursor: pointer; list-style: none; position: relative; user-select: none;
}
.faq-question::-webkit-details-marker { display: none; }
.faq-question::after {
  content: '+'; position: absolute; right: var(--space-6); top: 50%;
  transform: translateY(-50%); font-size: 24px; font-weight: 300;
  color: var(--color-accent); transition: transform .3s;
}
.faq-item[open] .faq-question::after { transform: translateY(-50%) rotate(45deg); }
.faq-answer { padding: 0 var(--space-6) var(--space-5); font-size: 14px; line-height: 1.8; color: var(--color-text); }

/* ============================================================
   页面头部（灰色背景栏目）文字可见性修复
   根因：皮肤 default.css 的 `html .text-color-dark { color:#212529 !important }`
   使标题文字与 .page-header 背景色 #212529 完全一致 → 页面初始加载时
   标题「深色字压深色底」不可见；且组件内 .page-header-background 子元素
   在主题中无定位规则（高度为 0），背景图图层从不显示。
   处理：标题强制白字 + 背景图层绝对定位铺满并加深色遮罩（保证任何图片
   亮度下白字对比度）+ 字号/行高/溢出/容器排版规范化与响应式降级。
   ============================================================ */
section.page-header {
  position: relative;
  overflow: hidden;              /* 收敛绝对定位背景图层，避免产生横向滚动条 */
  background-color: #212529;     /* 纯色兜底：背景图加载完成前栏目即为深色底，白字立即可见 */
  padding: 50px 0;
}

/* 背景图图层：主题未定义该子元素样式，补绝对定位铺满整区 */
section.page-header > .page-header-background {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 深色遮罩：无论背景图明暗，均保证白色文字可读 */
section.page-header > .page-header-background:after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(135deg, rgba(15,32,64,.88) 0%, rgba(33,37,41,.82) 100%);
}

/* 内容层置于背景图之上 */
section.page-header .container {
  position: relative;
  z-index: 1;
}

/* 标题：强制白字（覆盖皮肤的 .text-color-dark !important），字号/行高规范化；
   text-9 的 2.5em !important 亦需 !important 才能稳定覆盖 */
html section.page-header h1 {
  color: #FFF !important;
  font-size: 40px !important;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 1px;
  word-break: break-word;        /* 长标题（如案例详情页名）自动换行，不撑破容器 */
  overflow-wrap: anywhere;
  white-space: normal;
}

/* 副标题：白字、行高放宽，移动端换行时排版仍整齐 */
html section.page-header .sub-title {
  color: #FFF;
  font-size: 17px;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 1px;
  opacity: .85;
  word-break: break-word;
}

/* 面包屑：确保浅色可见（主题 .breadcrumb-light 已为浅色，此处兜底加固） */
html section.page-header .breadcrumb {
  color: rgba(255,255,255,.75);
  font-size: 14px;
  line-height: 1.8;
}
html section.page-header .breadcrumb a { color: rgba(255,255,255,.9); }
html section.page-header .breadcrumb .active { color: #fff; }

/* 小屏降级：收窄内边距与字号，保证窄屏不溢出、不拥挤 */
@media (max-width: 767.98px) {
  section.page-header { padding: 40px 0; }
  html section.page-header h1 { font-size: 28px !important; letter-spacing: 0; }
  html section.page-header .sub-title { font-size: 15px; }
  html section.page-header .breadcrumb { font-size: 13px; }
}

/* ============================================================
   修复：含 page-header 横幅的页面，打开时横幅「上浮 40px」
   ----------------------------------------------------------------
   根因（theme.js StickyHeader 插件，stickyEffect: shrink）：
   1. build() 将 #header 的流内高度设为仅 .header-body 的高度
      （theme.js L10912，本站为 87px），未计入本站自定义顶栏
      .ymacc-topbar（40px）——顶栏不是 Porto 的 .header-top 类，
      L10856 测得 0，故流内高度从 127px 缩成 87px；
   2. shrink 初始化（L10919-10931，document.ready 时）将
      .header-body 置 position:fixed 且未设 top（auto → 静态位置，
      停在顶栏下方 40..127）。#header 的 z-index:1030
      （theme.css L105-107）使导航覆盖横幅；
   3. 结果：page-header 横幅整体上移 40px，顶部 40px（背景图上部，
      含绿植行）被固定在 40..127 的导航遮住，面包屑距导航底边仅
      ~10px（设计为 50px）→ 视觉上横幅「往上浮了」；
   4. 下滚 ≥30px 触发 sticky（导航 fixed top:0 收起为 70px），
      回到顶部时 deactivate 又设 .header-body top:0（L11145），
      导航停在 0..87 盖住顶栏 → 横幅顶边与导航底边齐平，
      看起来「恢复正常」——即「刚打开不正常、稍候/滚动后正常」。

   修复（纯 CSS，不改 blade/JS）：
   规则 1：含 section.page-header 的页面，把 #header 流内高度固定为
           顶栏+导航（≥768px：40+87=127px；<768px：40+88=128px），
           覆盖 JS 内联的 87px → 横幅顶边始终与导航底边齐平，
           首帧渲染与滚动后状态一致，无位移；
   规则 2：非 sticky 激活状态（页面顶部）将 .header-body 的 top 还原
           为 auto，抵消 L11145 deactivate 写入的内联 top:0 ——
           否则导航停在 0..87 时，其底边(87)与横幅顶边(127)之间
           会露出 40px 白色缝隙。激活状态（html.sticky-header-active）
           不受本规则影响，sticky 行为保持原样。
   未含横幅的页面（首页 / 等）不匹配 html:has(...)，渲染完全不受影响。
   注：:has() 需现代浏览器（Chrome 105+/Safari 15.4+/Firefox 121+）；
       不支持的旧浏览器规则被忽略，表现与修复前相同（不产生新问题）。
   ============================================================ */
html:has(section.page-header) #header.header-ymacc {
  height: 127px !important; /* 40px 顶栏 + 87px 导航（≥768px） */
}

@media (max-width: 767.98px) {
  html:has(section.page-header) #header.header-ymacc {
    height: 128px !important; /* 40px 顶栏 + 88px 导航（<768px） */
  }
}

html:not(.sticky-header-active):has(section.page-header) #header.header-ymacc .header-body {
  top: auto !important;
}

/* ============================================================
   Bootstrap 4 → 5 间距工具类兼容（全站 icon/文字间距统一）
   Porto 模板沿用 BS4 命名（mr-*/ml-*/pl-*/pr-*），BS5.1.3 已移除；
   此处按 BS4 标准刻度（0 / .25rem / .5rem / 1rem / 1.5rem / 3rem）补齐，
   修复图标与标题/文字紧邻（如 .ymacc-h3 内 icon 贴字）的问题
   ============================================================ */
.mr-0 { margin-right: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.mr-1 { margin-right: .25rem !important; }
.ml-1 { margin-left: .25rem !important; }
.pl-1 { padding-left: .25rem !important; }
.pr-1 { padding-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.ml-2 { margin-left: .5rem !important; }
.pl-2 { padding-left: .5rem !important; }
.pr-2 { padding-right: .5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.ml-3 { margin-left: 1rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pr-3 { padding-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.ml-5 { margin-left: 3rem !important; }
.pl-5 { padding-left: 3rem !important; }
.pr-5 { padding-right: 3rem !important; }

/* ============================================================
   页脚 ICP 备案号（按域名动态显示）
   域：#footer .footer-bottom 内 .ymacc-icp 段落
   ============================================================ */
/* 段落改 flex，长文本自然换行，移动端不溢出 */
.footer-bottom .ymacc-icp {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  row-gap: 4px;
}
/* 备案号链接：比默认 .footer-icp a（.55 白）更亮，保证清晰可读 */
.footer-icp .ymacc-icp-link {
  color: rgba(255,255,255,.85);
  text-decoration: none;
  margin-left: 4px; /* flex 布局下相邻空白文本节点会被丢弃，补足 | 与链接的间距 */
  word-break: break-all;
}
.footer-icp .ymacc-icp-link:hover { color: #C9A063; }
/* 两个备案号之间的分隔符 */
.footer-icp .ymacc-icp-sep {
  padding: 0 6px;
  color: rgba(255,255,255,.35);
}

/* ============================================================
   首页六大服务卡片：子服务列表（每卡列 4 条子服务）
   参考 ymacc 原版首页卡片 ymacc-svc-links（金色箭头 + 灰字链接）
   配色沿用本站体系：深蓝 #1B3A6B / 灰 #4A5568 / 金 #C9A063
   ============================================================ */
/* 卡片弹性高度并撑满等高行；压缩内边距（2026-09-04 用户反馈卡片太高） */
.ymacc-home-svc-card {
  height: 100%;
  min-height: 0;
  padding: 20px 22px 18px;
  justify-content: flex-start;
}
/* 图标区压缩：56→44px、下距 16→10px */
.ymacc-home-svc-card .ymacc-svc-icon {
  width: 44px; height: 44px; margin-bottom: 10px; font-size: 20px;
}
.ymacc-home-svc-card .service-card-title { margin-bottom: 6px; }
/* 简介实际为单行，去掉双行预留高度 */
.ymacc-home-svc-card .service-card-desc { min-height: 0; line-height: 1.5; }
/* CTA 贴底：margin-top auto 把 CTA 压到卡片底部 */
.ymacc-home-svc-card .service-card-cta {
  margin-top: auto;
}
.ymacc-home-svc-list {
  list-style: none;
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #E8ECF1;
  text-align: center;
}
.ymacc-home-svc-list li { margin-bottom: 5px; }
.ymacc-home-svc-list li:last-child { margin-bottom: 0; }
.ymacc-home-svc-list a {
  display: block;
  font-size: 13px;
  line-height: 1.45;
  color: #4A5568;
  text-decoration: none;
}
.ymacc-home-svc-list a:hover { color: #1B3A6B; }
.ymacc-home-svc-list a .ymacc-home-svc-arrow {
  color: #C9A063;
  font-size: 11px;
  margin-right: 6px;
}

/* ============================================================
   在线咨询：微信扫码弹窗（桌面悬浮按钮气泡 + 移动端全屏遮罩）
   2026-09-04 新增；二维码占位图 public/images/wechat-qr.png 待替换
   在线聊天插件（智齿/美洽免费版）注册后在此加 .ymacc-wechat-chat 按钮样式
   ============================================================ */
.ymacc-float-consult { position: relative; display: flex; }
.ymacc-wechat-pop {
  position: absolute; right: calc(100% + 16px); top: 50%;
  transform: translateY(-50%) translateX(8px);
  width: 252px; background: #fff; border: 1px solid #e6eaf0; border-radius: 10px;
  box-shadow: 0 10px 30px rgba(27,58,107,.18); padding: 18px 18px 14px;
  opacity: 0; visibility: hidden; transition: all .25s ease; z-index: 10;
}
.ymacc-wechat-pop.active { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0); }
.ymacc-wechat-pop::after {
  content: ''; position: absolute; right: -7px; top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 12px; height: 12px; background: #fff;
  border-right: 1px solid #e6eaf0; border-top: 1px solid #e6eaf0;
}
.ymacc-wechat-pop-title { font-size: 14px; font-weight: 600; color: #1B3A6B; text-align: center; margin: 0 0 10px; }
.ymacc-wechat-qr { width: 168px; margin: 0 auto; border: 1px solid #e6eaf0; border-radius: 8px; padding: 6px; background: #fff; }
.ymacc-wechat-qr img { width: 100%; height: auto; display: block; border-radius: 4px; }
.ymacc-wechat-pop-note { font-size: 12px; color: #7F8C8D; text-align: center; line-height: 1.6; margin: 10px 0 0; }
.ymacc-wechat-pop-form {
  display: block; text-align: center; font-size: 12.5px; color: #2D7CD1;
  text-decoration: none; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #e6eaf0;
}
.ymacc-wechat-pop-form:hover { color: #1B3A6B; }
/* 09-04 二维码长按识别：显式声明不拦截图片原生长按菜单（防全局 user-select:none 误伤）；
   "在微信中打开二维码"按钮默认隐藏，仅微信外移动端由布局内联 JS 加 .show */
.ymacc-wechat-qr img { -webkit-touch-callout: default; user-select: auto; -webkit-user-select: auto; }
.ymacc-wechat-open-wx {
  display: none; margin-top: 12px; padding: 9px 12px;
  background: #1AAD19; color: #fff; border-radius: 8px;
  font-size: 12.5px; font-weight: 600; text-align: center; text-decoration: none;
}
.ymacc-wechat-open-wx:active { background: #159E15; }
.ymacc-wechat-open-wx.show { display: block; }

/* 移动端全屏遮罩弹窗 */
.ymacc-wechat-overlay { position: fixed; inset: 0; z-index: 1100; display: none; }
.ymacc-wechat-overlay.active { display: block; }
.ymacc-wechat-overlay-bg { position: absolute; inset: 0; background: rgba(15,26,42,.55); }
.ymacc-wechat-overlay-card {
  position: relative; margin: 16vh auto 0; width: 300px; max-width: calc(100% - 48px);
  background: #fff; border-radius: 12px; padding: 24px 20px 18px;
  box-shadow: 0 16px 48px rgba(0,0,0,.25);
}
.ymacc-wechat-close {
  position: absolute; top: 8px; right: 10px; width: 32px; height: 32px;
  border: 0; background: transparent; font-size: 24px; line-height: 1;
  color: #94a3b8; cursor: pointer;
}
.ymacc-wechat-overlay .ymacc-wechat-qr { width: 200px; }

/* ============================================================
   首页 Hero Banner 轮播（.ymacc-banner）左右箭头：非常驻
   需求：Owl Carousel 运行时注入的 .owl-prev / .owl-next 按钮
   默认隐藏，鼠标移入 banner 区域（section.ymacc-banner-section）时显示，
   移出后恢复隐藏；带 .3s 过渡。
   触摸设备（无 hover 能力）保持箭头常驻，避免丢失切换入口。
   只控制显隐与过渡，不改变箭头现有尺寸/位置/颜色/圆角。
   作用域严格限定在本 banner，不影响站内其他 owl 轮播。
   无需 !important：custom.css 最后加载，且现有规则
   （theme-elements.css L3616-3652、custom.css L859-876）均未设置
   opacity/visibility，无冲突。
   ============================================================ */
section.ymacc-banner-section .owl-nav button.owl-prev,
section.ymacc-banner-section .owl-nav button.owl-next {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease;
}
section.ymacc-banner-section:hover .owl-nav button.owl-prev,
section.ymacc-banner-section:hover .owl-nav button.owl-next {
  opacity: 1;
  visibility: visible;
}
/* 触摸设备（无 hover）：箭头常驻可见 */
@media (hover: none) {
  section.ymacc-banner-section .owl-nav button.owl-prev,
  section.ymacc-banner-section .owl-nav button.owl-next {
    opacity: 1;
    visibility: visible;
    transition: none;
  }
}

/* ---------- 首页"服务流程"步骤 icon（09-05 用户确认：$processSteps 定义了 icon 但模板漏渲染，补上） ---------- */
.process-step-icon {
  display: block; font-size: 30px; color: var(--color-primary);
  margin-bottom: var(--space-3);
}

/* ============================================================
   09-05 移动端（≤767px）首页留白压缩 + 小卡 2 列
   用户 09-05 指示："卡片空白高度多、卡片排列长、滚动太多"→
   小卡片一行两个、压缩垂直留白；"底部菜单栏改 3 栏、菜单选项大小均匀"。
   所有规则包在 @media (max-width:767px/640px) 内，≥768px 零变化。
   首页作用域：.ymacc-home（home.blade.php main 包裹层新增 class；
   .section 为 about/services 子页共用，故不直接作用于 .section）。
   390px 基线（playwright body.scrollHeight=12130px）：
   .section padding 50/50 + margin 30；标题行 mb-5=48px；
   核心服务卡 1 列 6×286px；服务区域卡 1 列 8×160px；
   服务流程 5 步 109px/步（gap 24px）；页脚快捷导航 7 链接纵排 286px。
   ============================================================ */
@media (max-width: 767px) {
  /* 1) section 上下 padding 50px→40px、板块间距 30px→20px
     （theme-elements.css L14197: section.section { margin: 30px 0; padding: 50px 0; }） */
  .ymacc-home > section.section { padding: 40px 0; margin: 20px 0; }

  /* 2) 板块标题区：mb-5 48px→28px；主标题 2em→1.7em
     （Porto .text-7 为 2em !important，需同级 !important + 更高特异性覆盖） */
  /* 注：本主题 bootstrap.min.css 的 .mb-5 带 !important，覆盖必须同级 !important */
  .ymacc-home > section .row.justify-content-center.mb-5,
  .ymacc-home > section .row.align-items-center.mb-5 { margin-bottom: 28px !important; }
  .ymacc-home > section h2.text-7 { font-size: 1.7em !important; }

  /* 3) 卡列间距 mb-5 48px→24px（核心服务/客户案例/新闻动态） */
  .ymacc-home > section .col-md-6.col-lg-4.mb-5 { margin-bottom: 24px !important; }

  /* 4) 核心服务大卡：1 列 → 2 列（390px 每列约 171px）+ 卡内留白压缩
     （实测 171px 下子链接最多 2 行、无横向溢出；6 行 → 3 行） */
  .ymacc-home > section.section:first-of-type .col-md-6.col-lg-4 {
    flex: 0 0 50%; max-width: 50%;
  }
  .ymacc-home .ymacc-home-svc-card { padding: 16px 12px 14px; }
  .ymacc-home .ymacc-home-svc-card .ymacc-svc-icon { width: 40px; height: 40px; font-size: 18px; margin-bottom: 8px; }
  .ymacc-home .ymacc-home-svc-card .service-card-title { font-size: 17px; margin-bottom: 4px; }
  .ymacc-home .ymacc-home-svc-card .service-card-desc { font-size: 12.5px; }
  .ymacc-home .ymacc-home-svc-list { margin-top: 8px; padding-top: 8px; }
  .ymacc-home .ymacc-home-svc-list a { font-size: 12px; line-height: 1.4; }
  .ymacc-home .ymacc-home-svc-card .service-card-cta { font-size: 13px; }

  /* 5) 服务流程：保持纵向时间轴（流程勿强行 2 列），压缩步间距（步 109→约 85px） */
  .process-steps { gap: 14px; }
  .process-step-number { width: 46px; height: 46px; font-size: 20px; }
  .process-step-icon { font-size: 24px; margin-bottom: 6px; }
  .process-step-content { padding-top: 8px; }
  .process-step-title { font-size: 15px; margin-bottom: 2px; }
  .process-step-desc { font-size: 12.5px; }

  /* 6) 页脚"快捷导航"7 链接：纵排 → 3 列 grid（3+3+1），等宽、文字居中、字号 13px
     （仅作用于 .ymacc-footer-nav 即快捷导航 ul；"服务项目"/"联系方式"不变） */
  .footer-ymacc .ymacc-footer-nav {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 2px;
  }
  .footer-ymacc .ymacc-footer-nav li { margin-bottom: 0; text-align: center; }
  .footer-ymacc .ymacc-footer-nav a {
    display: block; font-size: 13px; line-height: 1.5; padding: 4px 2px;
  }
}

/* 7) 服务区域 8 卡：≤640 1 列 → 2 列 + 压缩（卡 160→约 113px，8 行 → 4 行）
   （覆盖 L2848 的 1 列规则：同特异性 (0,1,0)，本块在文件更后 → 生效） */
@media (max-width: 640px) {
  .regions-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .region-card { padding: 12px 8px; min-height: 0; gap: 5px; }
  .region-card-name { font-size: 16px; margin-bottom: 2px; }
  .region-card-industry { font-size: 12px; padding-bottom: 5px; }
  .region-card-specialty { font-size: 12.5px; line-height: 1.5; min-height: 0; }
}