/* 图片列表样式 */
		.list-images {
			display: flex;
			flex-wrap: wrap;
			gap: 20px;
			padding: 20px 0;
			margin: 0;
			list-style: none;
		}
		
		.list-images li {
			width: calc(25% - 15px); /* 4列布局，减去间距 */
			box-sizing: border-box;
			border: 1px solid #eee;
			border-radius: 4px;
			overflow: hidden;
			cursor: pointer;
			transition: transform 0.3s ease;
		}
		
		.list-images li:hover {
			transform: scale(1.02);
		}
		
		.list-images li img {
			width: 100%;
			height: 200px;
			object-fit: cover;
			display: block;
		}
		
		.list-images li .img-desc {
			padding: 10px;
			font-size: 14px;
			color: #333;
			background-color: #f9f9f9;
		}
		
		/* 图片弹窗样式 */
		.img-modal {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.85);
			display: none;
			justify-content: center;
			align-items: center;
			z-index: 9999;
		}
		
		.img-modal.show {
			display: flex;
		}
		
		.img-modal .modal-content {
			max-width: 90%;
			max-height: 90%;
			position: relative;
		}
		
		.img-modal .modal-content img {
			max-width: 100%;
			max-height: 80vh;
			border: 5px solid #fff;
		}
		
		.img-modal .close-btn {
			position: absolute;
			top: -20px;
			right: -20px;
			width: 40px;
			height: 40px;
			background-color: #fff;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			cursor: pointer;
			font-size: 20px;
			color: #333;
		}
		
		/* 响应式适配 */
		@media (max-width: 1200px) {
			.list-images li {
				width: calc(33.33% - 13px); /* 3列 */
			}
		}
		
		@media (max-width: 768px) {
			.list-images li {
				width: calc(50% - 10px); /* 2列 */
			}
		}
		
		@media (max-width: 480px) {
			.list-images li {
				width: 100%; /* 1列 */
			}
		}