/* 新增样式 - 左右两栏布局 */
        .products-container {
            display: flex;
            gap: 30px;
            margin-top: 30px;
        }
        
        /* 左侧分类样式 */
        .category-sidebar {
            flex: 0 0 250px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            padding: 20px;
            height: fit-content;
        }
        
        .category-title {
            font-size: 1.2rem;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid #0066cc;
            color: #0066cc;
        }
        
        .category-list {
            list-style: none;
        }
        
        .category-item {
            position: relative;
            margin-bottom: 8px;
        }
        
        .category-item > a {
            display: block;
            padding: 10px 12px;
            text-decoration: none;
            color: #333;
            font-weight: 500;
            border-radius: 4px;
            transition: all 0.3s;
        }
        
        .category-item > a:hover {
            background-color: #f0f7ff;
            color: #0066cc;
        }
        
        .subcategory {
            position: absolute;
            left: 100%;
            top: 0;
            width: 200px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 15px rgba(0,0,0,0.1);
            padding: 15px;
            list-style: none;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
            z-index: 10;
        }
        
        .category-item:hover .subcategory {
            opacity: 1;
            visibility: visible;
        }
        
        .subcategory li {
            margin-bottom: 8px;
        }
        
        .subcategory a {
            display: block;
            padding: 8px 10px;
            text-decoration: none;
            color: #555;
            border-radius: 4px;
            transition: all 0.3s;
        }
        
        .subcategory a:hover {
            background-color: #f0f7ff;
            color: #0066cc;
        }
        
        /* 右侧内容样式 */
        .products-content {
            flex: 1;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .products-container {
                flex-direction: column;
            }
            
            .category-sidebar {
                flex: 0 0 auto;
                width: 100%;
                margin-bottom: 20px;
            }
            
            .subcategory {
                position: static;
                opacity: 1;
                visibility: visible;
                width: 100%;
                box-shadow: none;
                padding: 10px 0 0 20px;
                display: none;
            }
            
            .category-item.active .subcategory {
                display: block;
            }
            
            .category-item > a::after {
                content: '+';
                float: right;
            }
            
            .category-item.active > a::after {
                content: '-';
            }
        }
        
        @media (max-width: 768px) {
            .category-sidebar {
                padding: 15px;
            }
        }