/* 滚动时header样式变化 - 共同样式文件 */

/* 滚动时header样式变化 */
.header-inner.scrolled {
	background: rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(10px);
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.header-inner.scrolled .nav a {
	color: #333 !important;
	opacity: 0.8;
}

.header-inner.scrolled .nav a:hover {
	opacity: 1;
	color: rgba(228, 176, 39, 1) !important;
}

.header-inner.scrolled .nav a.active {
	color: #ffd180 !important;
	opacity: 1;
}

.header-inner.scrolled .nav a::after {
	background: #ffb74d;
}

.header-inner.scrolled .search-icon {
	color: #333;
}

.header-inner.scrolled .logo-image {
	content: url('./caiselogo.png');
	filter: none;
}

/* 滚动时移动端菜单切换按钮样式 */
.header-inner.scrolled .mobile-menu-toggle {
	background: rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.3);
}

.header-inner.scrolled .mobile-menu-toggle span {
	background-color: #333;
}