/* ====== 导航栏核心样式 - Editorial Brutalism ====== */
.brutal-header {
	position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
	background: #FFFFFF;
	border-bottom: 3px solid #0A0A0A;
	box-shadow: 0 4px 0 rgba(10,10,10,0.06);
}
.brutal-navbar { max-width: 1400px; margin: 0 auto; padding: 0 24px; height: 72px; display: flex; align-items: center; justify-content: space-between; }
.brutal-nav-container { display: flex; align-items: center; gap: 32px; width: 100%; }
.brutal-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; }
.nav-logo-img { height: 38px; width: auto; max-width: 160px; object-fit: contain; }
.brutal-menu { position: relative; display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; flex: 1; }
.brutal-menu > li { position: relative; }
.brutal-menu-link {
	display: flex; align-items: center; gap: 4px; padding: 8px 16px;
	font-family: var(--brutal-font-sans); font-weight: 700; font-size: 14px;
	color: var(--brutal-text-primary); text-decoration: none;
	text-transform: uppercase; letter-spacing: 0.05em;
	transition: all 0.25s var(--brutal-transition);
	border: 2px solid transparent; position: relative;
}
.brutal-menu-link:hover { color: var(--brutal-accent-red); background: rgba(255,51,102,0.04); border-color: rgba(255,51,102,0.15); }
.brutal-menu-link::after {
	content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%);
	width: 0; height: 3px; background: var(--brutal-accent-red);
	transition: width 0.3s var(--brutal-transition);
}
.brutal-menu-link:hover::after { width: 70%; }
.brutal-dropdown {
	display: none; position: absolute; top: calc(100% + 8px); left: 0;
	min-width: 220px; background: #FFFFFF; border: 2px solid #0A0A0A;
	padding: 12px 0; box-shadow: 6px 6px 0 #EDEDEC; z-index: 9999;
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
}
.brutal-dropdown-item {
	display: block; padding: 10px 20px; color: var(--brutal-text-secondary);
	font-size: 13px; font-family: var(--brutal-font-sans); font-weight: 500;
	text-decoration: none; transition: all 0.15s ease;
}
.brutal-dropdown-item:hover { color: var(--brutal-accent-red); background: rgba(255,51,102,0.05); padding-left: 26px; }
.brutal-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.btn-brutal {
	display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px;
	font-family: var(--brutal-font-sans); font-weight: 700; font-size: 13px;
	text-decoration: none; border: 2px solid #0A0A0A; cursor: pointer;
	transition: all 0.25s var(--brutal-transition);
	clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%);
	white-space: nowrap;
}
.btn-brutal-primary { background: #0A0A0A; color: #FFFFFF; }
.btn-brutal-primary:hover { background: var(--brutal-accent-red); border-color: var(--brutal-accent-red); transform: translate(-2px, -2px); box-shadow: 4px 4px 0 rgba(255,51,102,0.35); }
.btn-brutal-outline { background: #FFFFFF; color: #0A0A0A; }
.btn-brutal-outline:hover { background: #0A0A0A; color: #FFFFFF; transform: translate(-2px, -2px); box-shadow: 4px 4px 0 #EDEDEC; }
.btn-brutal-accent { background: var(--brutal-accent-red); color: #FFFFFF; border-color: var(--brutal-accent-red); }
.btn-brutal-accent:hover { background: #0A0A0A; border-color: #0A0A0A; transform: translate(-2px, -2px); box-shadow: 4px 4px 0 #EDEDEC; }
.brutal-hamburger {
	display: none; flex-direction: column; justify-content: center; align-items: center;
	gap: 5px; width: 38px; height: 38px; background: transparent;
	border: 2px solid #0A0A0A; cursor: pointer; padding: 7px;
	transition: all 0.2s ease; border-radius: 50%;
}
.brutal-hamburger span { display: block; width: 100%; height: 2px; background: #0A0A0A; transition: all 0.3s ease; }
.brutal-hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.brutal-hamburger.active span:nth-child(2) { opacity: 0; }
.brutal-hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
.brutal-mobile-menu { display: none; border-top: 2px solid #0A0A0A; background: #FAFAF9; }
.brutal-mobile-list { list-style: none; margin: 0; padding: 16px 24px; }
.brutal-mobile-list li a,
.brutal-mobile-list li > div {
	display: block; padding: 12px 0; color: var(--brutal-text-primary);
	font-size: 15px; font-weight: 700; text-decoration: none;
	border-bottom: 1px solid rgba(10,10,10,0.08); font-family: var(--brutal-font-sans);
}

@media (max-width: 992px) {
	.brutal-menu { display: none; }
	.brutal-hamburger { display: flex; }
	.brutal-mobile-menu.display-block { display: block !important; }
	.brutal-actions .btn-brutal { padding: 8px 14px; font-size: 12px; }
}
@media (max-width: 768px) {
	.brutal-navbar { padding: 0 16px; height: 64px; }
	.nav-logo-img { height: 32px; }
	.btn-brutal span { display: none; }
}