:root {
			--primary-blue: #0056b3;
			--light-blue: #e9f1fb;
			--dark-blue: #004089;
		}
		body {
			font-family: "Microsoft Yahei", sans-serif;
			color: #333;
			margin: 0;
			padding: 0;
		}
		.header-content{
			height:900px;
		}
		/* 响应式适配 */
		
        @media (max-width: 2560px) {
			.header-content{
        		height: calc(100vw * 0.41); 
        		/* 可选：设置最小/最大高度，避免高度极端值 */
        		min-height: 1000px;
        		max-height: 1300px;
			}
		}
        @media (max-width: 1920px) {
			.header-content{
        		height: calc(100vw * 0.42); 
        		/* 可选：设置最小/最大高度，避免高度极端值 */
        		min-height: 650px;
        		max-height: 850px;
			}
		}
        @media (max-width: 1440px) {
			.header-content{
        		height: calc(100vw * 0.4); 
        		/* 可选：设置最小/最大高度，避免高度极端值 */
        		min-height: 400px;
        		max-height: 580px;
			}
		}
        @media (max-width: 992px) {
			.header-content{
        		height: calc(100vw * 0.4); 
        		min-height: 300px;
        		max-height: 400px;
			}
		}
		@media (max-width: 768px) {
			.header-content{
        		height: calc(100vw * 0.4); 
        		min-height: 280px;
        		max-height: 320px;
			}
		}
		.header-img {
			width: 100%;
			/* height: 745px; */
			position: absolute;
			top: 0;
			z-index: -10;
		}

		.header-line {
			width: 100%;
			height: 1px;
			position: absolute;
			top: 125px;
			background-color: white;
			z-index: -9;
		}
        .header-brand{
            position: relative;
        }
		.header-brand-zh {
			font-size: 24px;
			font-weight: 800;
			color: white;
            margin-top: 25px;
    		letter-spacing: 5px;
		}

		.header-brand-en {
			font-size: 10px;
			color: white;
    		word-spacing: 2px;
		}

    	.header-login-register{
    	  position: absolute;
		  color: white;
    	  top: 0;
    	  right: 50px;
    	}
    	.header-login-register a{
		  color: white;
    	  text-decoration: none;
    	}


		/* 导航栏容器 */
		.custom-navbar {
			height: 50px;
			display: flex;
			position: relative;
			z-index: 1;
		}

		/* 导航链接样式 */
		.nav-links {
			flex: 0.85;
			height: 100%;
		}

		.nav-links li {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
		}

		.nav-links li a {
			color: #ffffff;
			text-decoration: none;
			font-size: 16px;
			font-weight: 600;
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
			transition: all 0.3s ease;
			position: relative;
			padding: 0 10px;
			height: 100%;
			display: flex;
			align-items: center;
		}

		/* 鼠标悬浮时下划线效果 */
		.nav-links li a::after {
			content: '';
			position: absolute;
			bottom: 3px;
			left: 10px;
			right: 10px;
			height: 5px;
			border-radius: 10px;
			background-color: #ffffff;
			transform: scaleX(0);
			transition: transform 0.3s ease;
		}

		.nav-links li a:hover::after {
			transform: scaleX(1);
		}

		.nav-links li a:hover {
			color:yellow;
		}



		/* 搜索框 */
		.search-box {
			position: absolute;
			right: 20px;
			top: 50%;
			transform: translateY(-50%);
			z-index: 2;
		}

		.search-box .form-control {
			width: 180px;
			height: 30px;
			border-radius: 15px;
			border: none;
			padding: 0 35px 0 15px;
			font-size: 14px;
			background-color: rgba(255, 255, 255, 0.9);
			color: #333;
		}

		.search-box .btn-search {
			position: absolute;
			right: 10px;
			top: 50%;
			transform: translateY(-50%);
			background: none;
			border: none;
			color: #666;
			cursor: pointer;
			font-size: 14px;
		}


.footer {
	background-color: var(--dark-blue);
	color: white;
	padding: 2rem 0;
	text-align: center;
	font-size: 0.9rem;
}