/* 商品列表页样式 - Neon Luxe 暗色主题 */.products-main {    max-width: 1200px;    margin: 0 auto;    padding: 0 20px;}/* 面包屑导航 */.breadcrumb {    margin: 20px 0;    font-size: 14px;    color: #8b93a7;}.breadcrumb a {    color: #cbd5e1;}.breadcrumb a:hover {    color: #22d3ee;}.breadcrumb span {    color: #8b93a7;}.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: #121829;    border: 1px solid rgba(255,255,255,0.08);    border-radius: 14px;    padding: 20px;    margin-bottom: 20px;    box-shadow: 0 2px 8px rgba(0,0,0,0.3);}.filter-section h3 {    font-size: 16px;    margin-bottom: 15px;    padding-bottom: 10px;    border-bottom: 1px solid rgba(255,255,255,0.08);    color: #f1f5f9;}/* 分类列表 */.category-list li {    margin-bottom: 12px;}.category-list a {    color: #cbd5e1;    transition: color 0.3s;    display: block;    padding: 5px 0;}.category-list a:hover {    color: #22d3ee;}.category-list li.active a {    color: #ec4899;    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 rgba(255,255,255,0.12);    border-radius: 8px;    background: #0c1020;    color: #f1f5f9;}.price-range span {    margin: 0 5px;    color: #8b93a7;}.price-range button {    margin-top: 10px;    width: 100%;    padding: 8px;    background: linear-gradient(135deg, #ec4899 0%, #06b6d4 100%);    color: #fff;    border-radius: 8px;    cursor: pointer;    transition: box-shadow 0.3s;}.price-range button:hover {    box-shadow: 0 0 20px rgba(236,72,153,0.4);}/* 品牌筛选 */.brand-filter {    display: flex;    flex-direction: column;    gap: 10px;}.brand-filter label {    display: flex;    align-items: center;    gap: 8px;    cursor: pointer;    color: #cbd5e1;}.brand-filter input[type="checkbox"] {    width: 16px;    height: 16px;    cursor: pointer;    accent-color: #ec4899;}/* 商品列表区域 */.products-list-container {    flex: 1;}/* 工具栏 */.products-toolbar {    display: flex;    justify-content: space-between;    align-items: center;    background-color: #121829;    border: 1px solid rgba(255,255,255,0.08);    padding: 15px 20px;    border-radius: 14px;    margin-bottom: 20px;    box-shadow: 0 2px 8px rgba(0,0,0,0.3);}.sort-options {    display: flex;    align-items: center;    gap: 15px;}.sort-options span {    color: #8b93a7;}.sort-options a {    color: #cbd5e1;    padding: 5px;    transition: color 0.3s;}.sort-options a:hover,.sort-options a.active {    color: #22d3ee;}.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: #cbd5e1;    border-radius: 8px;    transition: all 0.3s;}.view-options a:hover,.view-options a.active {    background: linear-gradient(135deg, #ec4899 0%, #06b6d4 100%);    color: #fff;}/* 商品网格 */.products-grid {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 20px;}/* 商品项 */.product-item {    background-color: #121829;    border: 1px solid rgba(255,255,255,0.08);    border-radius: 14px;    overflow: hidden;    box-shadow: 0 2px 8px rgba(0,0,0,0.3);    transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;}.product-item:hover {    transform: translateY(-5px);    box-shadow: 0 12px 32px rgba(139,92,246,0.25);    border-color: rgba(236,72,153,0.5);}.product-image {    position: relative;    overflow: hidden;    height: 200px;    background: radial-gradient(circle at 50% 40%, rgba(139,92,246,0.18) 0%, transparent 60%), #0c1020;    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;    filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));}.product-item:hover .product-image img {    transform: scale(1.05);}.product-tag {    position: absolute;    top: 10px;    right: 10px;    background: linear-gradient(135deg, #ec4899 0%, #06b6d4 100%);    color: #fff;    font-size: 12px;    padding: 4px 10px;    border-radius: 999px;    font-weight: bold;}.product-tag.new {    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);}.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;    color: #f1f5f9;}.product-desc {    font-size: 14px;    color: #8b93a7;    margin-bottom: 10px;    height: 40px;    overflow: hidden;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}.product-price {    font-size: 20px;    font-weight: bold;    color: #fbbf24;    margin-bottom: 15px;}.product-actions {    display: flex;    justify-content: space-between;    align-items: center;}.add-to-cart {    background: linear-gradient(135deg, #ec4899 0%, #06b6d4 100%);    color: #fff;    padding: 8px 15px;    border-radius: 999px;    font-size: 14px;    transition: all 0.3s;    flex: 1;    text-align: center;    margin-right: 10px;}.add-to-cart:hover {    box-shadow: 0 0 20px rgba(236,72,153,0.4);    color: #fff;}.add-to-fav {    width: 36px;    height: 36px;    background-color: rgba(255,255,255,0.04);    border: 1px solid rgba(255,255,255,0.12);    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    color: #cbd5e1;    transition: all 0.3s;}.add-to-fav:hover {    background-color: rgba(236,72,153,0.15);    color: #ec4899;    border-color: rgba(236,72,153,0.5);}/* 分页 */.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;    }}
