:root {
	--primary-blue: #0056b3; /* 主品牌色-蓝 */
	--platform-fast: #ff6b35; /* 快速平台-活力橙 */
	--platform-pro: #1a5fb4; /* 专业平台-专业蓝 */
	--platform-verify: #6d3b8c; /* 验证平台-权威紫 */
	--hardware-orange: #fd7e14; /* 硬件台架-橙色 */
	--integra-purple: #6f42c1; /* uIntegraPro主题色-紫色 */
	--accent-success: #28a745; /* 成功绿 */
	--solution-indigo: #6610f2; /* 解决方案-靛蓝 */
	--rd-green: #20c997; /* 研发场景-绿色 */
	--production-teal: #17a2b8; /* 生产场景-青色 */
	--compliance-purple: #6f42c1; /* 合规场景-紫色 */
	--light-bg: #f8f9fa;
	--dark-bg: #343a40;
	--text-dark: #333;
	--text-light: #6c757d;
}
body {
	font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
	color: var(--text-dark);
	overflow-x: hidden;
}
/* 背景颜色类 */
.bg-purple {
	background-color: var(--compliance-purple) !important;
	color: white !important;
}

.bg-purple-light {
	background-color: rgba(111, 66, 193, 0.1) !important;
	color: var(--compliance-purple) !important;
}

/* 文字颜色类 */
.text-purple {
	color: var(--compliance-purple) !important;
}

/* 边框颜色类 */
.border-purple {
	border-color: var(--compliance-purple) !important;
}

/* 按钮悬停状态 */
.bg-purple:hover {
	background-color: #5a32a8 !important;
}

/* 透明度变体 */
.bg-purple-10 {
	background-color: rgba(111, 66, 193, 0.1) !important;
}

.bg-purple-20 {
	background-color: rgba(111, 66, 193, 0.2) !important;
}

.bg-purple-50 {
	background-color: rgba(111, 66, 193, 0.5) !important;
}

/* uIntegraPro 特定的紫色变体 */
.bg-integra {
	background-color: var(--integra-purple) !important;
	color: white !important;
}

.bg-integra-light {
	background-color: rgba(111, 66, 193, 0.1) !important;
	color: var(--integra-purple) !important;
}

/* UTP-Verify Platform 的紫色变体 */
.bg-verify {
	background-color: #6d3b8c !important;
	color: white !important;
}

.bg-verify-light {
	background-color: rgba(109, 59, 140, 0.1) !important;
	color: #6d3b8c !important;
}

/* 如果需要其他产品颜色，也可以类似定义 */
.bg-orange {
	background-color: var(--platform-fast) !important;
	color: white !important;
}

.bg-blue {
	background-color: var(--platform-pro) !important;
	color: white !important;
}

.bg-green {
	background-color: var(--accent-success) !important;
	color: white !important;
}

.bg-teal {
	background-color: var(--production-teal) !important;
	color: white !important;
}		
/* 导航栏 */
.navbar-brand { font-weight: 700; font-size: 1.8rem; }
.navbar-nav .nav-link { font-weight: 500; padding: 0.5rem 1rem; }
.navbar-nav .dropdown:hover .dropdown-menu { display: block; }
.nav-cta-btn {
	background: linear-gradient(to right, var(--solution-indigo), var(--primary-blue));
	color: white !important;
	border-radius: 30px;
	padding: 0.6rem 1.8rem !important;
	font-weight: 600;
	margin-left: 1rem;
	transition: transform 0.3s, box-shadow 0.3s;
}
.nav-cta-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(102, 16, 242, 0.3);
}

/* 高亮菜单项样式 */
.highlight-menu {
    color: var(--solution-indigo) !important;
    font-weight: 700 !important;
    background-color: rgba(102, 16, 242, 0.05) !important;
    border-radius: 6px;
    position: relative;
}

.highlight-menu::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 60%;
    background: var(--solution-indigo);
    border-radius: 0 2px 2px 0;
}

/* 产品选型咨询按钮样式 */
.btn-product-selection {
    background: linear-gradient(135deg, var(--platform-fast), #ff8a50);
    border: none;
    color: white;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}

.btn-product-selection:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);
    background: linear-gradient(135deg, #ff8a50, var(--platform-fast));
}