/* 直接颜色覆盖 - 最高优先级 */

/* 直接设置根元素变量 */
html:root {
    --primary-color: #2563EB !important;
    --secondary-color: #1E40AF !important;
    --accent-color: #64748B !important;
    --text-color: rgba(0, 0, 0, 0.87) !important;
    --light-text: rgba(0, 0, 0, 0.6) !important;
    --bg-light: #F8FAFC !important;
    --bg-dark: #0F172A !important;
    --white: #FFFFFF !important;
    --border-color: rgba(0, 0, 0, 0.23) !important;
}

/* 直接设置body颜色 */
body {
    color: rgba(0, 0, 0, 0.87) !important;
}

/* 直接设置所有按钮 */
.btn-primary,
a.btn-primary,
button.btn-primary {
    background-color: #2563EB !important;
    color: #FFFFFF !important;
    border-color: #2563EB !important;
}

.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover {
    background-color: #1E40AF !important;
    color: #FFFFFF !important;
}

.btn-secondary,
a.btn-secondary,
button.btn-secondary {
    background-color: transparent !important;
    color: #2563EB !important;
    border: 2px solid #2563EB !important;
}

.btn-secondary:hover,
a.btn-secondary:hover,
button.btn-secondary:hover {
    background-color: #2563EB !important;
    color: #FFFFFF !important;
}

/* 直接设置顶部信息栏 */
.top-bar,
div.top-bar {
    background-color: #0F172A !important;
    color: #FFFFFF !important;
}

/* 直接设置导航栏 */
.main-header,
header.main-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

/* 直接设置导航链接 */
.main-nav > ul > li > a,
nav.main-nav > ul > li > a {
    color: rgba(0, 0, 0, 0.87) !important;
}

.main-nav > ul > li > a:hover,
nav.main-nav > ul > li > a:hover {
    color: #2563EB !important;
}

/* 直接设置下拉菜单 */
.main-nav .dropdown-menu,
nav.main-nav .dropdown-menu {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.23) !important;
}

.main-nav .dropdown-menu a,
nav.main-nav .dropdown-menu a {
    color: rgba(0, 0, 0, 0.87) !important;
}

.main-nav .dropdown-menu a:hover,
nav.main-nav .dropdown-menu a:hover {
    background-color: #F8FAFC !important;
    color: #2563EB !important;
}

/* 直接设置移动端菜单 */
.mobile-menu nav ul li a {
    color: rgba(0, 0, 0, 0.87) !important;
}

.mobile-menu nav ul li a:hover {
    color: #2563EB !important;
}

/* 直接设置语言选择器 */
.top-bar .language-select {
    display: flex !important;
    align-items: center !important;
}

.language-select select,
select.language-select {
    background-color: #FFFFFF !important;
    border-color: rgba(0, 0, 0, 0.23) !important;
    color: rgba(0, 0, 0, 0.87) !important;
    display: flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    line-height: 1.2 !important;
    height: 36px !important;
    box-sizing: border-box !important;
}

/* 直接设置标题下划线 */
.section-title::after {
    background-color: #2563EB !important;
}

/* 直接设置激活状态 */
.main-nav a.active,
nav.main-nav a.active {
    color: #2563EB !important;
}

/* 保持WhatsApp按钮原有颜色 */
.btn-whatsapp,
a.btn-whatsapp {
    background-color: #25D366 !important;
}

.btn-whatsapp:hover,
a.btn-whatsapp:hover {
    background-color: #128C7E !important;
}

/* 直接设置所有可能的按钮选择器 */
[class*="btn-primary"],
[class*="btn-secondary"] {
    background-color: #2563EB !important;
    color: #FFFFFF !important;
}

/* 强制覆盖任何可能的背景色 */
*[style*="background-color"] {
    background-color: inherit !important;
} 

/* 移除服务页面顶部的蓝色背景框 */
.services-header, 
.page-header, 
.page-title-area,
.breadcrumb-area {
    background-color: transparent !important;
    background: none !important;
}

/* 确保导航栏激活状态的颜色正确 - 使用白色背景和深色文字以提高可见性 */
.nav-item.active a,
.nav-item a.active,
.navbar-nav .active > .nav-link {
    background-color: #FFFFFF !important;
    color: #1E293B !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* 移除页面顶部的所有蓝色背景区域 */
.services-banner,
.service-header-bg,
.service-title-bg,
.page-banner,
.page-header-wrapper,
.breadcrumb-wrapper,
.page-title-wrapper,
.page-header-container {
    background: none !important;
    background-color: transparent !important;
}