* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			html,
			body {
				max-width: 100%;
				overflow-x: hidden;
			}

			body {
				font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
				color: #333;
				line-height: 1.6;
			}
/* 顶部导航栏 */
.top-bar {
	background: #11248F;
	border-bottom: none;
	height: 100px;
	display: flex;
	align-items: center;
}

.top-bar .container {
	width: 1500px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo { display: flex; align-items: baseline; gap: 15px; }
.logo-icon { height: 70px; }
.logo-text { height: 40px; }
.logo-slogan { font-size: 16px; font-style: italic; color: white; margin-left: 10px; }

.search-bar {
	flex: 1;
	max-width: 520px;
	margin: 0 40px;
	display: flex;
	gap: 0;
	height: 45px;
	background: white;
	border-radius: 25px;
	position: relative;
}

.category-select {
	padding: 3px 15px;
	border: none;
	border-radius: 25px 0 0 25px;
	font-size: 14px;
	background: transparent;
	cursor: pointer;
	min-width: 150px;
	height: 45px;
}

.search-bar::after {
	content: '';
	position: absolute;
	left: 150px;
	top: 6px;
	bottom: 6px;
	width: 1px;
	background: #e5e7eb;
}

.search-input-wrapper { flex: 1; position: relative; display: flex; height: 45px; }
.search-bar input { width: 100%; padding: 3px 50px 3px 20px; border: none; border-radius: 0 25px 25px 0; font-size: 14px; height: 45px; background: transparent; }
.search-btn { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background: transparent; border: none; padding: 8px 15px; border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.search-btn img { width: 20px; height: 20px; }

.top-actions { display: flex; gap: 25px; align-items: center; }
.top-actions a { text-decoration: none; color: white; font-size: 14px; display: flex; align-items: center; gap: 8px; }
.top-actions a svg { width: 20px; height: 20px; }
.cart-badge { background: #ef4444; color: white; font-size: 11px; font-weight: bold; padding: 2px 6px; border-radius: 10px; position: relative; top: -2px; }

/* 主导航 */
.main-nav { background: white; color: #333; border-bottom: 1px solid #e5e7eb; }
.main-nav .container { max-width: 1500px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1fr 2fr 1fr; align-items: center; height: 60px; }
.nav-left { display: flex; align-items: center; gap: 15px; justify-self: start; padding-right: 20px; border-right: 1px solid #e5e7eb; }
.hamburger-menu { width: 24px; height: 24px; padding: 0; border: 0; background: transparent; display: flex; flex-direction: column; justify-content: space-around; cursor: pointer; }
.hamburger-menu span { width: 100%; height: 2px; background: #333; }
.social-icons { display: flex; gap: 10px; align-items: center; }
.social-icons a { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: #1c3faa; border-radius: 4px; transition: all .3s; }
.social-icons a:hover { background: #0f2875; }
.social-icons svg { width: 16px; height: 16px; fill: white; }
.nav-center { display: flex; justify-content: center; }
.nav-links { display: flex; gap: 35px; list-style: none; padding: 0; margin: 0; align-items: center; }
.nav-links a { color: #333; text-decoration: none; font-size: 15px; font-weight: 500; transition: color .3s; position: relative; display: flex; align-items: center; white-space: nowrap; }
.nav-links a:hover { color: #1c3faa; }
.nav-links > li { position: relative; }
.nav-links .has-dropdown::after { content: '▼'; font-size: 10px; margin-left: 5px; transition: transform .25s ease; }
.nav-links > li:hover > .has-dropdown::after, .nav-links > li.is-open > .has-dropdown::after { transform: rotate(180deg); }
.nav-submenu { position: absolute; top: calc(100% + 18px); left: 50%; z-index: 20; min-width: 230px; padding: 10px; margin: 0; list-style: none; background: white; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 16px 32px rgba(15, 23, 42, .12); opacity: 0; visibility: hidden; transform: translate(-50%, 8px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; }
.nav-submenu::before { content: ''; position: absolute; top: -19px; left: 0; right: 0; height: 19px; }
.nav-links > li:hover > .nav-submenu, .nav-links > li.is-open > .nav-submenu { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.nav-submenu li { position: relative; }
.nav-submenu a { min-height: 38px; padding: 9px 12px; border-radius: 5px; color: #334155; font-size: 13px; line-height: 1.25; justify-content: space-between; }
.nav-submenu a:hover, .nav-submenu li:focus-within > a { background: #eff6ff; color: #1c3faa; }
.nav-submenu .has-dropdown::after { content: '›'; font-size: 18px; line-height: 1; margin-left: 18px; }
.nav-submenu .nav-submenu { top: -10px; left: calc(100% - 1px); z-index: 21; transform: translateX(8px); }
.nav-submenu > li:hover > .nav-submenu, .nav-submenu li.is-open > .nav-submenu { opacity: 1; visibility: visible; transform: translateX(0); }
.nav-toggle-icon { display: none; }
.nav-right { display: flex; align-items: center; justify-content: flex-end; }
.language-selector { display: flex; align-items: center; gap: 5px; cursor: pointer; font-size: 14px; color: #333; }
.language-selector img { width: 20px; height: 14px; }

/* 产品标题语 */
.products-intro { background: #edf3f8; color: #111827; }
.products-intro-content { max-width: 1244px; min-height: 394px; margin: 0 auto; padding: 88px 0 52px; display: flex; align-items: flex-start; justify-content: space-between; }
.products-intro-eyebrow { margin: 0 0 20px; color: #1734a8; font-size: 12px; font-weight: 600; line-height: 1.2; }
.products-intro h1 { margin: 0; font-size: 64px; font-weight: 700; line-height: 1.32; letter-spacing: 0; }
.products-intro-description { margin: 19px 0 0; color: #18396d; font-size: 18px; line-height: 1.55; }
.products-intro-stats { margin: 227px 4px 0 0; display: grid; gap: 10px; }
.products-intro-stats div { display: grid; grid-template-columns: 96px auto; align-items: baseline; gap: 20px; }
.products-intro-stats dt { color: #49658f; font-size: 14px; }
.products-intro-stats dd { margin: 0; color: #08101e; font-family: Consolas, 'Courier New', monospace; font-size: 25px; line-height: 1; }
.products-intro-bar { border-top: 1px solid #d8e1e9; }
.products-intro-bar-content { max-width: 1356px; min-height: 76px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.products-intro-bar h2 { margin: 0; color: #101010; font-size: 26px; font-weight: 700; line-height: 1.2; }
.breadcrumb { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; list-style: none; color: #111827; font-size: 14px; }
.breadcrumb li + li::before { content: '/'; margin-right: 12px; color: #173fc0; }
.breadcrumb a { color: inherit; text-decoration: none; }
.breadcrumb a:hover { color: #173fc0; }

@media (max-width: 1100px) {
	.nav-links { gap: 18px; }
	.nav-links a { font-size: 13px; }
}

@media (max-width: 768px) {
	.top-bar { height: auto; min-height: 76px; padding: 12px 0; }
	.top-bar .container { width: 100%; flex-wrap: wrap; gap: 12px; padding: 0 16px; }
	.top-bar .logo { flex: 1 1 auto; min-width: 0; gap: 8px; }
	.top-bar .logo-icon { height: 38px; }
	.top-bar .logo-slogan { max-width: 145px; height: auto; margin-left: 0; }
	.search-bar { order: 3; flex: 0 0 100%; width: 100%; max-width: none; margin: 0; height: 40px; }
	.category-select { min-width: 112px; width: 112px; height: 40px; padding: 3px 8px; font-size: 12px; }
	.search-bar::after { left: 112px; }
	.search-input-wrapper, .search-bar input { height: 40px; }
	.search-bar input { padding-left: 12px; font-size: 13px; }
	.search-btn { right: 0; padding: 7px 11px; }
	.search-btn img { width: 18px; height: 18px; }
	.top-actions { gap: 8px; }
	.top-actions a { gap: 0; font-size: 0; }
	.top-actions a svg { width: 19px; height: 19px; }
	.top-actions a:last-child { display: none; }
	.main-nav .container { position: relative; display: flex; justify-content: space-between; height: auto; min-height: 60px; }
	.nav-left { border-right: 0; padding-right: 0; }
	.nav-left { gap: 10px; }
	.social-icons { display: flex; gap: 6px; }
	.social-icons a { width: 24px; height: 24px; }
	.social-icons svg { width: 14px; height: 14px; }
	.nav-center { display: none; position: absolute; top: 100%; left: 12px; right: 12px; z-index: 30; padding: 10px; background: white; border: 1px solid #e5e7eb; border-radius: 0 0 10px 10px; box-shadow: 0 14px 28px rgba(15, 23, 42, .12); max-height: calc(100vh - 150px); overflow-y: auto; }
	.main-nav.is-open .nav-center { display: block; }
	.nav-links { display: block; width: 100%; }
	.nav-links > li + li { border-top: 1px solid #f1f5f9; }
	.nav-links > li > a { min-height: 44px; padding: 10px 8px; justify-content: space-between; color: #334155; font-size: 14px; }
	.nav-links .has-dropdown::after { display: none; }
	.nav-submenu, .nav-submenu .nav-submenu { position: static; display: none; width: 100%; min-width: 0; padding: 0 0 6px 12px; border: 0; border-radius: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
	.nav-links > li:hover > .nav-submenu, .nav-links > li.is-open > .nav-submenu, .nav-submenu > li:hover > .nav-submenu, .nav-submenu li.is-open > .nav-submenu { transform: none; }
	.nav-submenu::before { display: none; }
	.nav-links > li.is-open > .nav-submenu, .nav-submenu li.is-open > .nav-submenu { display: block; opacity: 1; visibility: visible; }
	.nav-submenu a { display: flex; min-height: 38px; width: 100%; color: #334155 !important; font-size: 13px !important; line-height: 1.35; opacity: 1; visibility: visible; background: #f8fafc; }
	.nav-submenu > li > a { padding-left: 14px; }
	.nav-submenu .nav-submenu > li > a { padding-left: 26px; background: #ffffff; }
	.nav-submenu a:hover, .nav-submenu li.is-open > a { color: #1c3faa !important; background: #eff6ff; }
	.nav-toggle-icon { display: inline-flex; width: 24px; height: 24px; margin-left: 6px; align-items: center; justify-content: center; cursor: pointer; }
	.nav-toggle-icon::before { content: '+'; color: #1e293b; font-size: 18px; line-height: 1; }
	.nav-links > li.is-open > a > .nav-toggle-icon::before { content: '-'; }
	.nav-right { margin-left: auto; }
	.products-intro-content { min-height: 0; padding: 50px 20px 38px; display: block; }
	.products-intro h1 { font-size: 38px; line-height: 1.18; }
	.products-intro-description { font-size: 16px; }
	.products-intro-description br { display: none; }
	.products-intro-stats { margin: 32px 0 0; grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.products-intro-stats div { display: block; }
	.products-intro-stats dt { margin-bottom: 7px; }
	.products-intro-stats dd { font-size: 22px; }
	.products-intro-bar-content { min-height: 64px; padding: 0 20px; }
	.products-intro-bar h2 { font-size: 21px; }
	.breadcrumb { font-size: 13px; gap: 8px; }
	.breadcrumb li + li::before { margin-right: 8px; }
}