.mb-3, .my-3 {
    margin-bottom: .5rem !important;
}
.main-flex-wrapper {
    gap: 5px !important;
    margin-bottom: .5rem !important;
}

.right-content .table.table-centered tbody tr:hover,
.right-content .product-item:hover {
  background-color: #b0acac;  /* 你想要的深浅都可以改这个颜色 */
}
.no-hover-color a:hover {
    color: inherit !important;
    background-color: transparent !important;
}

tr.category:hover {
    background-color: #b0acac;
    transition: background-color 0.2s ease;
}

@media (min-width: 768px) {
    .main-flex-wrapper { display: flex; gap:15px; }
    .left-sidebar { width:250px; background-color:#f8f9fa; border-radius:6px; overflow-y:auto; padding:15px; }
    .right-content { flex:1; background-color:#ffffff; border-radius:6px; padding:15px; /* 取消 overflow-y 和 height */ }
}

/* 移动端布局 */
@media (max-width: 767.98px) {
    .main-flex-wrapper,
    .left-sidebar,
    .right-content {
        display:block!important;
        width:100%!important;
        height:auto!important;
        padding:0!important;
        overflow:unset!important;
        background:none!important;
    }
    
   .product-item.mobile-product:active,
  .product-item.mobile-product:hover {
    background-color: #b7b9ba !important; /* 你喜欢的高亮色 */
    box-shadow: 0 2px 10px #9fa0a3;      /* 可选：触摸时加阴影提升感 */
    transition: background 0.2s;
    }
    
    .category { 
    padding:0 0px; 
    margin-left: 2px;
    margin-right: 2px;
    }
    
    .category-pane { 
    padding:0 0px; 
    margin-left: 2px;
    margin-right: 2px;
    }
    .text-dark {
    color: #ffffff !important;
}
.badge-info {

     font-size: 1.0rem; 
}
    .avatar-sm {
     height: 2.5rem; 
   /* width: 3.5rem;*/
     object-fit: contain;  /*如果你想在固定框里让图片完整显示 */
     }
    
html, body {
  overflow-x: hidden;
}

    .table td, .table th {
        padding: .1rem !important;
    }
    .pb-4, .py-4 {
     padding-bottom: 0.0rem !important; 
}
.pt-3, .py-3 {
    padding-top: 0.5rem !important;
}
}

.left-sidebar h5 {
    margin-bottom:10px;
    font-weight:bold;
    text-align:center;
}

.list-group-item.active {
    background-color:#17a2b8;
    color:#fff;
    border-color:#17a2b8;
}

.p-3 {
    padding: .1rem !important;
}
.mr-3, .mx-3 {
    margin-right: 0.5rem !important;
}