/* --- ÕÚÕÖ²ã --- */
 .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;
 }