/* 商品列表页样式 */.products-main {    max-width: 1200px;    margin: 0 auto;    padding: 0 20px;}/* 面包屑导航 */.breadcrumb {    margin: 20px 0;    font-size: 14px;    color: #666;}.breadcrumb a {    color: #333;}.breadcrumb a:hover {    color: #009688;}.breadcrumb span {    color: #999;}.container {    max-width: 1200px;    margin: 0 auto;}/* 产品容器布局 */.products-container {    display: flex;    gap: 30px;    margin-bottom: 50px;}/* 侧边筛选栏 */.filter-sidebar {    width: 250px;    flex-shrink: 0;}.filter-section {    background-color: #fff;    border-radius: 10px;    padding: 20px;    margin-bottom: 20px;    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}.filter-section h3 {    font-size: 16px;    margin-bottom: 15px;    padding-bottom: 10px;    border-bottom: 1px solid #eee;}/* 分类列表 */.category-list li {    margin-bottom: 12px;}.category-list a {    color: #666;    transition: color 0.3s;    display: block;    padding: 5px 0;}.category-list a:hover {    color: #009688;}.category-list li.active a {    color: #009688;    font-weight: bold;}/* 价格区间 */.price-range {    display: flex;    align-items: center;    flex-wrap: wrap;    gap: 5px;}.price-range input {    width: 80px;    padding: 8px;    border: 1px solid #ddd;    border-radius: 5px;}.price-range span {    margin: 0 5px;}.price-range button {    margin-top: 10px;    width: 100%;    padding: 8px;    background-color: #009688;    color: #fff;    border-radius: 5px;    cursor: pointer;    transition: background-color 0.3s;}.price-range button:hover {    background-color: #00a83a;}/* 品牌筛选 */.brand-filter {    display: flex;    flex-direction: column;    gap: 10px;}.brand-filter label {    display: flex;    align-items: center;    gap: 8px;    cursor: pointer;    color: #666;}.brand-filter input[type="checkbox"] {    width: 16px;    height: 16px;    cursor: pointer;}/* 商品列表区域 */.products-list-container {    flex: 1;}/* 工具栏 */.products-toolbar {    display: flex;    justify-content: space-between;    align-items: center;    background-color: #fff;    padding: 15px 20px;    border-radius: 10px;    margin-bottom: 20px;    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}.sort-options {    display: flex;    align-items: center;    gap: 15px;}.sort-options span {    color: #666;}.sort-options a {    color: #666;    padding: 5px;    transition: color 0.3s;}.sort-options a:hover,.sort-options a.active {    color: #009688;}.sort-options a i {    margin-left: 5px;    font-size: 12px;}.view-options {    display: flex;    gap: 10px;}.view-options a {    width: 30px;    height: 30px;    display: flex;    align-items: center;    justify-content: center;    color: #666;    border-radius: 5px;    transition: all 0.3s;}.view-options a:hover,.view-options a.active {    background-color: #009688;    color: #fff;}/* 商品网格 */.products-grid {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 20px;}/* 商品项 */.product-item {    background-color: #fff;    border-radius: 10px;    overflow: hidden;    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);    transition: transform 0.3s, box-shadow 0.3s;}.product-item:hover {    transform: translateY(-5px);    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}.product-image {    position: relative;    overflow: hidden;    height: 200px;    background-color: #f9f9f9;    display: flex;    align-items: center;    justify-content: center;    padding: 20px;}.product-image img {    max-width: 100%;    max-height: 100%;    object-fit: contain;    transition: transform 0.3s;}.product-item:hover .product-image img {    transform: scale(1.05);}.product-tag {    position: absolute;    top: 10px;    right: 10px;    background-color: #ff4d4d;    color: #fff;    font-size: 12px;    padding: 4px 8px;    border-radius: 4px;    font-weight: bold;}.product-tag.new {    background-color: #009688;}.product-info {    padding: 15px;}.product-title {    font-size: 16px;    margin-bottom: 5px;    height: 40px;    overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}.product-desc {    font-size: 14px;    color: #666;    margin-bottom: 10px;    height: 40px;    overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}.product-price {    font-size: 18px;    font-weight: bold;    color: #ff4d4d;    margin-bottom: 15px;}.product-actions {    display: flex;    justify-content: space-between;    align-items: center;}.add-to-cart {    background-color: #009688;    color: #fff;    padding: 8px 15px;    border-radius: 20px;    font-size: 14px;    transition: all 0.3s;    flex: 1;    text-align: center;    margin-right: 10px;}.add-to-cart:hover {    background-color: #009688;    color: #fff;}.add-to-fav {    width: 36px;    height: 36px;    background-color: #f5f5f5;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    color: #666;    transition: all 0.3s;}.add-to-fav:hover {    background-color: #ffebeb;    color: #ff4d4d;}/* 分页 */.pagination {    display: flex;    justify-content: center;    align-items: center;    margin-top: 40px;    gap: 5px;}/* 列表视图样式 */.products-grid.list-view {    grid-template-columns: 1fr;}.products-grid.list-view .product-item {    display: flex;}.products-grid.list-view .product-image {    width: 200px;    height: 200px;}.products-grid.list-view .product-info {    flex: 1;    display: flex;    flex-direction: column;    justify-content: center;}.products-grid.list-view .product-title,.products-grid.list-view .product-desc {    height: auto;}/* 响应式设计 */@media (max-width: 1200px) {    .products-grid {        grid-template-columns: repeat(3, 1fr);    }}@media (max-width: 992px) {    .products-grid {        grid-template-columns: repeat(2, 1fr);    }}@media (max-width: 768px) {    .products-container {        flex-direction: column;    }        .filter-sidebar {        width: 100%;        margin-bottom: 20px;    }        .products-grid.list-view .product-item {        flex-direction: column;    }        .products-grid.list-view .product-image {        width: 100%;    }}@media (max-width: 576px) {    .products-grid {        grid-template-columns: 1fr;    }        .products-toolbar {        flex-direction: column;        gap: 10px;    }        .sort-options {        width: 100%;        justify-content: space-between;    }}