 /* --- 遮罩层 --- */
 .modal-overlay {
 	display: none;
 	/* 默认隐藏 */
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: rgba(0, 0, 0, 0.6);
 	/* 半透明黑色背景 */
 	justify-content: center;
 	align-items: center;
 	z-index: 1000;
 	backdrop-filter: blur(2px);
 	/* 背景模糊效果，可选 */
 }

 /* --- 搜索弹框主体 --- */
 .search-modal {
 	width: 600px;
 	/* 宽度可根据需要调整 */
 	background: #2c2c2c;
 	/* 深色背景，接近截图 */
 	padding: 20px 30px;
 	border-radius: 12px;
 	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
 	display: flex;
 	align-items: center;
 	/* 垂直居中 */
 	position: fixed; /* 固定定位，相对于浏览器窗口 */
	top: 50%;       /* 垂直方向 50% */
	left: 50%;      /* 水平方向 50% */
	transform: translate(-50%, -50%); /* 向左向上移动自身宽高的 50%，实现精准居中 */
 }

 /* 输入框区域 */
 .search-input-group {
 	flex-grow: 1;
 	display: flex;
 	align-items: center;
 	position: relative;
 }

 .search-input {
 	width: 100%;
 	background: transparent;
 	border: none;
 	color: #fff;
 	font-size: 16px;
 	padding: 10px 0;
 	outline: none;
 }

 .search-input::placeholder {
 	color: #888;
 	/* 提示文字颜色 */
 }

 /* 底部白色横线 */
 .input-underline {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	width: 100%;
 	height: 1px;
 	background-color: #fff;
 }

 /* 分类标签容器 */
 .search-tags {
 	display: flex;
 	gap: 10px;
 	/* 标签间距 */
 	margin-right: 20px;
 	/* 距离右侧搜索按钮的距离 */
 }

 .tag {
 	padding: 6px 16px;
 	border-radius: 20px;
 	/* 胶囊圆角 */
 	font-size: 14px;
 	cursor: pointer;
 	transition: all 0.3s;
 	color: #aaa;
 	/* 默认文字颜色 */
 	background: rgba(255, 255, 255, 0.05);
 	/* 默认背景 */
 }

 /* 选中状态的标签 (手机数码) */
 .tag.active {
 	background-color: #463813;
 	/* 深金/棕色背景 */
 	color: #dcb85b;
 	/* 金色文字 */
 	font-weight: bold;
 }

 /* 搜索图标按钮 */
 .search-icon-btn {
 	background: transparent;
 	border: none;
 	cursor: pointer;
 	padding: 10px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 /* SVG 图标样式 */
 .search-icon-btn svg {
 	width: 24px;
 	height: 24px;
 	fill: #fff;
 	/* 图标颜色 */
 }

 /* 关闭按钮 (右上角 x) */
 .close-btn {
 	position: absolute;
 	top: 10px;
 	right: 15px;
 	color: #888;
 	cursor: pointer;
 	font-size: 20px;
 	background: none;
 	border: none;
 }
 .open-btn{
	 width: 28px;
 }