/* 页面标题和路径导航 */
        .page-header {
            background-color: white;
            padding: 30px 0 20px;
            margin-bottom: 20px;
        }
        
        .page-title {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 10px;
            color: var(--dark-color);
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
            color: var(--gray-color);
            font-size: 14px;
        }
        
        .breadcrumb a {
            color: var(--gray-color);
            text-decoration: none;
            transition: var(--transition);
        }
        
        .breadcrumb a:hover {
            color: var(--primary-color);
        }
        
        .breadcrumb span {
            margin: 0 8px;
        }
        
		/* 筛选区域 */
		.filter-section {
		    background-color: white;
		    border-radius: var(--border-radius);
		    padding: 30px;
		    margin-bottom: 30px;
		    box-shadow: var(--box-shadow);
		    border: 1px solid var(--medium-gray);
		}
		
		/* 筛选组 */
		.filter-group {
		    margin-bottom: 25px;
		    padding-bottom: 25px;
		    border-bottom: 1px solid var(--light-gray);
		}
		
		.filter-group:last-child {
		    margin-bottom: 0;
		    padding-bottom: 0;
		    border-bottom: none;
		}
		
		.filter-label {float: left;width: 10%;
		    display: inline-block;
		    font-size: 16px;
		    font-weight: 400;
		    color: var(--dark-color);
		    margin-bottom: 15px;
		    min-width: 80px;
		    padding-right: 20px;
		}
		
		.filter-label i {
		    margin-right: 8px;
		    color: var(--primary-color);
		}
		
		/* 筛选选项容器 */
		.filter-options {float: left;width: 85%;
		    display: flex;
		    flex-wrap: wrap;
		    gap: 10px;
		}
		
		/* 筛选选项样式 */
		.filter-option {
		    padding: 5px 5px;
		    border-radius: 30px;
		     background-color: var(--light-gray);
		    /* border: 2px solid var(--medium-gray); */
		    color: var(--dark-color);
		    font-weight: 500;
		    cursor: pointer;
		    transition: var(--transition);
		    font-size: 15px;
		    white-space: nowrap;
		}
		
		.filter-option:hover {
		    border-color: var(--primary-light);
		    background-color: rgba(255, 180, 0, 0.05);
		    transform: translateY(-2px);
		}
		
		.filter-option.active {
		    background-color: var(--primary-color);
		    border-color: var(--primary-color);
		    color: var(--dark-color);
		    font-weight: 600;
		    box-shadow: 0 4px 8px rgba(255, 180, 0, 0.2);
		}
		
		/* 价格筛选特殊样式 */
		.price-filter {
		    display: flex;
		    align-items: center;
		    gap: 15px;
		    flex-wrap: wrap;
		}
		
		.price-input {
		    display: flex;
		    align-items: center;
		    gap: 8px;
		}
		
		.price-input input {
		    padding: 10px 15px;
		    border-radius: var(--border-radius);
		    border: 2px solid var(--medium-gray);
		    width: 120px;
		    font-size: 15px;
		    transition: var(--transition);
		}
		
		.price-input input:focus {
		    outline: none;
		    border-color: var(--primary-color);
		    box-shadow: 0 0 0 3px rgba(255, 180, 0, 0.1);
		}
		
		/* 筛选操作按钮 */
		.filter-actions {
		    display: flex;
		    justify-content: flex-end;
		    gap: 15px;
		    margin-top: 30px;
		    padding-top: 25px;
		    border-top: 1px solid var(--light-gray);
		}
		
		.sx_btn {
		    padding: 12px 28px;
		    border-radius: var(--border-radius);
		    border: none;
		    cursor: pointer;
		    font-weight: 600;
		    transition: var(--transition);
		    display: inline-flex;
		    align-items: center;
		    justify-content: center;
		    font-size: 16px;
		}
		
		.btn-primary {
		    background-color: var(--primary-color);
		    color: var(--dark-color);
		    box-shadow: 0 4px 12px rgba(255, 180, 0, 0.2);
		}
		
		.btn-primary:hover {
		    background-color: var(--primary-dark);
		    transform: translateY(-2px);
		    box-shadow: 0 6px 18px rgba(255, 180, 0, 0.3);
		}
		
		.btn-outline {
		    background-color: transparent;
		    border: 2px solid var(--primary-color);
		    color: var(--primary-color);
		}
		
		.btn-outline:hover {
		    background-color: var(--primary-color);
		    color: white;
		    transform: translateY(-2px);
		}
		
		/* 结果区域 */
		.results-section {
		    background-color: white;
		    border-radius: var(--border-radius);
		    padding: 30px;
		    box-shadow: var(--box-shadow);
		}
		
		.results-header {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    margin-bottom: 25px;
		}
		
		.results-count {
		    font-size: 18px;
		    font-weight: 600;
		    color: var(--dark-color);
		}
		
		.results-count span {
		    color: var(--primary-color);
		    font-weight: 700;
		}
		
		/* 结果列表 */
		.results-list {
		    display: flex;
		    flex-direction: column;
		    gap: 20px;
		}
		
		.result-item {
		    display: flex;
		    padding: 20px;
		    border-radius: var(--border-radius);
		    border: 1px solid var(--medium-gray);
		    transition: var(--transition);
		}
		
		.result-item:hover {
		    border-color: var(--primary-light);
		    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);
		    transform: translateY(-3px);
		}
		
		.result-image {
		    width: 200px;
		    height: 150px;
		    border-radius: var(--border-radius);
		    object-fit: cover;
		    margin-right: 25px;
		    flex-shrink: 0;
		}
		
		.result-content {
		    flex-grow: 1;
		}
		
		.result-title {
		    font-size: 20px;
		    font-weight: 700;
		    margin-bottom: 10px;
		    color: var(--dark-color);
		    text-decoration: none;
		    transition: var(--transition);
		}
		
		.result-title:hover {
		    color: var(--primary-color);
		}
		
		.result-price {
		    color: var(--primary-color);
		    font-size: 22px;
		    font-weight: 800;
		    margin-bottom: 15px;
		}
		
		.result-description {
		    color: var(--gray-color);
		    margin-bottom: 15px;
		    line-height: 1.6;
		}
		
		.result-meta {
		    display: flex;
		    flex-wrap: wrap;
		    gap: 20px;
		    font-size: 14px;
		    color: var(--gray-color);
		}
		
		.meta-item {
		    display: flex;
		    align-items: center;
		    gap: 6px;
		}
		
		.meta-item i {
		    color: var(--primary-color);
		}
		
		/* 无结果提示 */
		.no-results {
		    text-align: center;
		    padding: 60px 20px;
		}
		
		.no-results i {
		    font-size: 60px;
		    color: var(--primary-light);
		    margin-bottom: 20px;
		}
		
		.no-results h3 {
		    font-size: 22px;
		    margin-bottom: 10px;
		    color: var(--dark-color);
		}
		
		.no-results p {
		    color: var(--gray-color);
		    margin-bottom: 25px;
		}
		
		/* 响应式设计 */
		@media (max-width: 992px) {
		    .filter-options {
		        gap: 8px;
		    }
		    
		    .filter-option {
		        padding: 8px 16px;
		        font-size: 14px;
		    }
		}
		
		@media (max-width: 768px) {
		    body {
		        padding: 10px;
		    }
		    
		    .filter-section {
		        padding: 20px;
		    }
		    
		    .filter-group {
		        flex-direction: column;
		        align-items: flex-start;
		    }
		    
		    .filter-label {
		        margin-bottom: 15px;
		        width: 100%;
		    }
		    
		    .price-filter {
		        flex-direction: column;
		        align-items: flex-start;
		        gap: 10px;
		    }
		    
		    .price-input {
		        width: 100%;
		    }
		    
		    .price-input input {
		        width: 100%;
		    }
		    
		    .result-item {
		        flex-direction: column;
		    }
		    
		    .result-image {
		        width: 100%;
		        height: 200px;
		        margin-right: 0;
		        margin-bottom: 20px;
		    }
		    
		    .filter-actions {
		        flex-direction: column;
		    }
		    
		    .filter-actions .btn {
		        width: 100%;
		    }
		}
		
		@media (max-width: 576px) {
		    .page-title {
		        font-size: 26px;
		    }
		    
		    .filter-options {
		        justify-content: flex-start;
		    }
		    
		    .filter-option {
		        padding: 6px 12px;
		        font-size: 13px;
		    }
		}