/* ===== 面包屑 ===== */
    .b2b-breadcrumb {
      background: #fff;
      border-radius: var(--b2b-radius);
      box-shadow: var(--b2b-shadow);
      padding: 12px 20px;
      margin: 25px auto;
    }
    .breadcrumb {
      margin: 0;
      font-size: 13px;
    }
    .breadcrumb-item a {
      color: var(--b2b-blue);
    }

    /* ===== 三级分类导航（大气） ===== */
    .cat-wrapper {
      background: #fff;
      border-radius: var(--b2b-radius);
      box-shadow: var(--b2b-shadow);
      padding: 25px 30px;
      margin: 25px auto;
    }
    .cat-header {
      font-size: 20px;
      font-weight: 700;
      color: var(--b2b-blue);
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .cat-header::before {
      content: "";
      width: 4px;
      height: 20px;
      background: var(--b2b-orange);
      border-radius: 2px;
    }
    .cat-level1 {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 15px;
    }
    .cat-level1 a {
      background: linear-gradient(135deg, var(--b2b-blue) 0%, #0066a1 100%);
      color: #fff;
      padding: 10px 20px;
      border-radius: 25px;
      font-size: 15px;
      font-weight: 600;
      text-decoration: none;
      box-shadow: 0 2px 8px rgba(0, 87, 146, .2);
      transition: .2s;
    }
    .cat-level1 a:hover,
    .cat-level1 a.active {
      background: linear-gradient(135deg, var(--b2b-orange) 0%, #e05500 100%);
      box-shadow: 0 4px 12px rgba(253, 95, 0, .3);
    }
    .cat-level2 {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      padding-left: 15px;
      border-left: 2px solid #e0e0e0;
      margin-left: 10px;
    }
    .cat-level2 a {
      background: #f0f4f8;
      color: #555;
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 13px;
      text-decoration: none;
      transition: .2s;
    }
    .cat-level2 a:hover,
    .cat-level2 a.active {
      background: var(--b2b-orange);
      color: #fff;
    }

    /* ===== 主容器 ===== */
    .b2b-prod-list {
      background: #fff;
      border-radius: var(--b2b-radius);
      box-shadow: var(--b2b-shadow);
      padding: 30px;
      margin: 25px auto;
    }
    .prod-list__header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 25px;
    }
    .prod-list__title {
      font-size: 22px;
      font-weight: 700;
      color: var(--b2b-blue);
      letter-spacing: .5px;
    }
    .prod-list__sort {
      display: flex;
      gap: 10px;
    }
    .prod-list__sort button {
      background: none;
      border: 1px solid var(--b2b-blue);
      color: var(--b2b-blue);
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 13px;
      transition: .2s;
    }
    .prod-list__sort button:hover,
    .prod-list__sort button.active {
      background: var(--b2b-blue);
      color: #fff;
    }

    /* ===== 产品卡片 ===== */
    .prod-card {
      display: flex;
      gap: 20px;
      padding: 25px;
      background: var(--b2b-light);
      border-radius: var(--b2b-radius);
      margin-bottom: 20px;
      position: relative;
      transition: .2s;
    }
    .prod-card:hover {
      box-shadow: 0 6px 20px rgba(0, 87, 146, .15);
    }
    .prod-card__img {
      width: 200px;
      height: 150px;
      object-fit: cover;
      border-radius: 8px;
      flex-shrink: 0;
    }
    .prod-card__info {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .prod-card__name {
      font-size: 18px;
      font-weight: 700;
      color: var(--b2b-blue);
      text-decoration: none;
    }
    .prod-card__tag {
      display: inline-flex;
      gap: 6px;
      font-size: 12px;
    }
    .prod-card__tag span {
      background: #f0f0f0;
	  color: #666;
	  padding: 3px 8px;
	  border-radius: 5px;
    }
    .prod-card__price {
      font-size: 18px;
      font-weight: 700;
      color: var(--b2b-orange);
    }
    .prod-card__price::before {
      content: "报价：";
      font-size: 13px;
      color: #666;
    }
    .prod-card__consult {
      display: flex;
      gap: 10px;
      font-size: 13px;
    }
    .prod-card__consult a {
      background: var(--b2b-blue);
      color: #fff;
      padding: 6px 12px;
      border-radius: 20px;
      text-decoration: none;
      transition: .2s;
    }
    .prod-card__consult a:hover {
      background: var(--b2b-orange);
    }
    .prod-card__consult a.details {
      background: none;
      color: var(--b2b-blue);
      border: 1px solid var(--b2b-blue);
    }
    .prod-card__consult a.details:hover {
      background: var(--b2b-blue);
      color: #fff;
    }
    .prod-card__company {
      font-size: 13px;
      color: #666;
    }
    .prod-card__company a {
      color: var(--b2b-blue);
      text-decoration: none;
    }
    .prod-card__company .v-badge {
      color: var(--b2b-orange);
      font-size: 14px;
      margin-right: 4px;
    }

    /* ===== 排名标识 ===== */
    .rank-badge {
      position: absolute;
      top: 0;
      right: 0;
      width: 70px;
      height: 70px;
      background-size: contain;
      background-repeat: no-repeat;
      pointer-events: none;
    }
    .rank-1-1 {
      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABgCAMAAAB2buHMAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA/UExURUdwTPK1RfOyOPanEPilA/yoBPekAuqXD/O9XfilBPSuK/K5UfWrHvG8XfG/afvoxf///vjZoPfRiv7z3/bJdkg+8EIAAAAKdFJOUwD///95I//+R7Oo0TL3AAAFH0lEQVRYw9WY55KjOhBGFWw0KCAU3v9Zb7dyYOyt3V+3GTzlKo6/zlAQ8v+0n38wEi88Hs1cZjU1GSlk3Ln81zkgTToGeFcGZpNVZsLQqCLxwdvNYUQXWZqVd9nF5dXbzFJKyU4uug01E4s4edJ9QM0kirJqVjbN5ZWeNSve4ZxiNO+SRXM5az2Q+M2bIdhEDnDxF09A0OKV/jml8nfTXG44mQqbpKP3oOiTLpyXwh9y1jeyGXnK0pV0gAGX4aN8UysL8CjaYchSgX2Fq7OdJ3t+jUJYzTAFWNFZmJGnyuwwNag8gnCg21MjpqpW+KpwSuGEIg3KezsZsyqjqVkWDzKRpZvMpAzhQpOo2WOGRraBNQ+w2Uk6wNPkJBiYi9IFZngmn5ty9riPTouZYpPQGm+BMljhbV5NuhxaM3pUzTAb+AZv86pSUdMnDgbNcMYGssLrkoAhRBmcL6yuc8XthWVkWxOlCdeysgWVcJB1TWxz15tiMYDVtE6fQfokK6Uk6gu6lgfJ9Ac4mUlF8wLz/fDpRItdV47KtK2J+LuZ5nHmE0zVNuct3jVHlUvSpOsua6JUhy7BjjzZy9q7ie6iBavwnuOnTiy/UDJVYfpErtFWyVlZkyXWUtilJR5cljopf441l3UlAdVZee7EvTzN54XVZCSVf6qrzNLJIqsksNVtkPTssvFxAgbJ6JS8Gk1qlqJjzm2y7Irx6h5r6Zz2RhcjdSPC8sCrlljtfd9hiFXoSzoPnMxwKStOklOztzTcIwwEhdkCcVmUs66/YE/aS1ZNbCbqE1thjaeGu7zzLDYYLwWnoUmr2xhjtHexUNB0vaBM0ehqzCm/zsJPXlL2/g/3AOtWWnFZeOCocJbCh5iYWFYyu8C6xikgPue5xoOkDRUN7vXa+enD2TDBFRcM7gYmMo1wGnn4dlna2GKsJqyq5qAdhXsf4yCd3QZHrFtZUM9wghovHD4ooNsZxpAdlWv3S1/gQVhzwfAOJjhPMCTJwK3Yrahu8IBixqCMTBaYSQtPYuj2MnMPMOAc73uXyzDI+XBhe01bAn1d4VQgHq0z1le3pQo2WLUtilmZF1ZQvG2zogyz4oOVdgBzXUdl3mnHbIg5YSlJQrkrsB5sqUyHKwimA+wNUWCsJy6CMCynUpsGZ93idvBees+PAtMQXIAFo2e2wQ1EgwcdaF3WlPUVQpCWzejidjFmNVwcxXHwI8ECYrYiRD2zOlblFGuGYxBQViGAzTDQAvaGp3q2osxHYRcipAuEizKIeRd9iIFNncgr3I1Z0GBGJRZhLI0KGHVwUxc/wM5SaKiA8IFwKqsAd+xlg4od1TzOsPY0uBiCpaLCuZkgDJi1mwU7tMSsrC34ZjE/hT1I3S4CHxZvmP/YW2K0A34qyhvWhhzgWh0HS8fGGGwBZxboAK2Fi8kdg3JdL0JSLNgNtxO+sAfX0d3QGsKopjvDQuDS8mKRPdIhOd4F1BDxCAOt4dnP5IGZdeFCgCLuroEd4DQxySauCCd6IjtcOnBBE3vkv0I/wLzjDyxvV88swnye1ylPA/hgZJTdUvwFJ72Z9J6nL0Ye+un4M12Ed4e76nl+V/6FPX8I+Tk/Kw/ag6v8fOe3be/zM7yr8te7v6x7v/g3eFA9X+vLvpf4CHdVDPXhXeH5G9xVW6i77cGTKprx1/vTm8o1eFI5OMXr+5vOKXhShp3/EurH4ElpxPP95+9ZW/DkPL6G+lvwJ0Rxvv7mNe9fYt3+AwUmrYQ3pl50AAAAAElFTkSuQmCC');
    }
    .rank-1-2 {
      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABgCAMAAABymzHxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURbTA0EdwTOjr8dTa5Km2zJytxsHK1rrF06Oyyq+6zqe2zZSfsLnD07nD0qWzy5+vyP7+/9mUljYAAAAQdFJOU/YA/Pr29fb29fYi+IrU0F0YErVwAAAFC0lEQVRYw8WY64LbKAyFCeIi4tmJ3/9pKwkB4uJ2t/NjZU8yk/rjHAmQ3bjXj8L9v/jXD+L9cv+kc+RM5ykcHzXOuIDpSFa4DXHAcztOqoM8qze00mkSzoPWISacwbOwRZl7yr0Kb6m7I2zxbNBD3RbXC57rz4bx/Cmq9Fm9F4xO8BKQE7/pB5AqYcUVX2rW8FTfc67vyS1RDF7Z+pIIpE+BX1meUfplVia64p0eFVfPIC9OlMnGSg/1Jdhy5vRdx8HihelqPtsZsziohU29tBGq+T3E/KROfw226FHV94Wi6uAU91RGmI3TUY7qTnDXUha80aUPUehnqNud5XruDYe6asogHb8JnvYBRN3gaSo5kxKrelvcq/nkesIqXlrup6ai6jCp2wGEXvCxpxWnnBnd1HUEi49W1sw70Ioz3iersys+aN6AbBdqxeWvMo4Vn5qo9KO8bU6t1hSCuynvFZx13Y7btOeGUs6ea4Shfu6EdnPNNVPe5N5AbVWnAEPKUdW7Kusfbmr9nJwrrmXOp3rVYrk96xKIbuorb7ZlW+QLb9SXO89EbiUL7QgdX2BtJ+5JeQxQc9+mykzzrlxJiaa+wyq/r5VQz3LCy9QJrXiYsz6pl3lvHOYr6Iyd8QS2G5W94AHSEw4l+dSb6GGhMOY8hOQ2vNAttABgMPVOIO3K9bkKAaNetuIF6CaEjDfjcGuAwoXxCxdcrs+Ek5ax7e8evokHDMDtMzr5vavTiJQVFOz1TreJpJMdQgzU/6CQPh+qztYjpU/OZvGkGYQ22Xi5clGdkP2jqBNPnujpI8fQcXWtw/S5ihGl+0eRb+oh8c3ciLtWNN/c16DaFZ6PyHRXh0DmrXiueAjVfO440kUXTV5GxK4uD3EFOx4arhXsC4XkIz2yBe8aTjTnw4bGInP1YVG938HinKgPXZ1wefboeN0bwwQnUWcdheerrzjwHOle5jH0Ntam2W/eKXlwSAvHqANc5AhDMQNwaOa+SSOfJO5oogdO08b3cVU3XUHFdb0KT3ipleo4Rnn0xbC0AxiZM9zUeeJ9UPybCB7w8tkoi/iw3mhR9xetUVM6WggXbZkcehMtRjyp7zZApOfs67LqIE/ewTbRYCYNQ1NmmjKlRWpyD1gf/zHYRjbqJnAfIMl/DwptnqrO+8jflFEy8LAupoe6oypRna+OU+muy7GhAbe6weycxW/qGOG6TO60Dal4tI/H6lLrUNe+oeEGpKtJPEru0gJ5Gd9p6Dvbq24/rN+JhgSIDf+WUotakOr/Fof7uulSx5kPXJoIjXpnL50Bj3jx+faJFyx5Z3nGaw+7OOB2nrcXHtXJXKQJkmA4Rp046WEyU4nGx3WuunEo5Jz2uopX9TrZkZ58uTv5G/simUagtQGONHxSGIc67yQ2RfRNtwzcA4RU51x2NT9a8HVx/RNXdZOmf+ZN4BWvYXEa7iopX3VBLUHXsreUooqvuIi1qm40xthKXgNnHHv+K815inycjK/mw7h2gtunQxdnXBpJwIeIaIlHdcSA21qpunqe8coclpmydYlUGg/qJxRbEQyMZ/MnuBbr6/PdM8eH3E9Zy1x93q/X6/M9V3vF8SBO9PenfSMoAzxX/mR8wBzvr2f8UO+v9/qd5Pto4Yjv8FMOOz67/sMAK/47+FCEGX9w/TyAweO/gZccOv4n1+cBXi/3+c9wz+GLv6N+f95/8+30+/P5+VfcvwAP44HYMFKybgAAAABJRU5ErkJggg==');
    }
    .rank-1-3 {
      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABgCAMAAABymzHxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABOUExURbdoVtaJcNKFbc6Ba7xtW8l6ZUdwTOmZgOGUetuOdcJ0YK5jUvXi3O/Syua+s9+rnc6Vh+udg9qMdLlsWbhpV85/aeKUerJlUrNlUv/+/nbaF5oAAAAZdFJOU/r6+vv7+gD6+vr6+v79/Pz7jCIk19jYY6ffA8ueAAAE/ElEQVRYw+2Y67arKAyAVaBVhIQZO2P7/i86SQgXbbvPvsys82dCi5LkSwKi7XK4/EiG34v/8QP58zL8ff2+/I//XnymJl1pZXzFa687t4yfIYgicMUQQqQIMsQWtPjOGVdePzMEEbjKIV7nSH0I2Llox/hcpFgpfAjUAaEYCeMvhti5zDllxq9VV+IQPgtFpUA+iWHuPUQO2Tt5iV+f3P4zfD7h1xDmz+LLOXuklYc3+EL+h5azLx3OF3Du7HpkvNJzDbRUfMk4IIpDiaCOGV86mRfFF8YXxfFkVxH8ULkY+SI3XE6Odm0ZP8ucszNZ8VOFffZnkex0xwDt/+sTvvwKl+yL3DuwfB3H7I8AKKP5PT7m07F22lcZz/Y6luyjtNa1Vj+vHOiTs1MbS68OZcydnC2vxoT/NY6qLkQZ9uOiXXr7KNn1XC3xvcAhxjJ22VuG+b2cXF/hX5Fc/EmmdpxO41fZp+Ja2jiV41iOk3q1M/5kfGq+Qn56rNmnTtThU2PGp+/Lv4yP38fHySQwH/sbRPOEG2MmM4HBiMbIoBwmM7UxS4rkloyqGVdPjA7Au0qaCYF/mQGnFsB5jKQvwQpuGE/JOVfz4KNIwKp03tMMozvjo4FI/ypSxZdHJ5V3hu47wpcj7hBpVpCkeAkRezwUrfGUJgKtk4wZd4ZqhuhTQuup+tyCcDHlY2Jvtjmbkk+0TjzO2UnrISKVrjR3pWrQo4Z1PpfvZVSzEwyJkyuveHIZB3Hir7eJHzxe3AQniY6LtzW5m864UwOlTzYm4KvUcEwYDCdXMSCyuFhxFe9pK6TQ455KD2AzbmoI/urS1eIJp/9oEEyPkwaT7bKLLPSf5JycnB39dkZxVpxnk6I/46nsmoPWQjLRdcXTZbOU/0xX/JEO2TGkBIFPt4xjoLsD32Y/8N4nmmkA9mbce2/51kqk0JYPzo1J9y64ZvOJf/dNwUkzUMBVNp3LYK3D6+ZterpwlA0H27K7dQW6lBJbs2jRPqcPvub2PiCu68RniiNpYshwlrJpPTTcZ7vl/U0L3XCqhv/6FYc+e8VrbNpyUeYu+I1xTwrLi1flFS6SwkDOieZesw/rSg9Zvhhv8NgMdG9Q8WvBJTvxK5Ty8/rk/aZL1wLTVQND3rabu7fAtwGGxuuKQ6milo4PwAjW1rnTmbXsbmKeIyvS4VknSiZisI/wCMmKphRP1Sf6CwgPvvpWAkCHpwwbevQFpOr9YEWRs1srk6fpUwGPyWabPiVp3YyMraOr84iWHQW3pXjhkd0xkYMEpN4kpAe407EFtlLlOAzqwLicEE8zp71NQXL20nurZ0N4QAL+0RmsMrV4EimfSwAw9igcBYiMuGrpWTR7xXn9sZl7ocXldXiLD7z36GlN5hc8Wy0txdDRR1yXn/FX/Aub4IM2ybDm5EVjq7UZWyv4oB35DG089CYxrkcl421sT/45Qg1tn5wEz05FbD+2p/HJqeCfEfus+go+fB2/77fv4/t2uVw+CtDwVb5rPuHutpc3gtt9UEOxlT7jq8Kq5uF9718pcoBDBo3DeNWsNf19O7+T3PZbz6qrZF95N2njbt9evtXcOVHz5CbZCycnt/39a9H9nhOXVIqvBV7v+8fvVbf72kvFRe7br1/MbnvxHo74Z+CyCOfst/0r74Z3ncPlMuxfhusi3Pkd9bZv33k7ve37z19x/wOEjrXq+HZb2AAAAABJRU5ErkJggg==');
    }

    /* ===== 分页 ===== */
    .b2b-pagination {
      display: flex;
      justify-content: center;
      margin-top: 30px;
    }
    .pagination {
      margin: 0;
    }
    .page-link {
      color: var(--b2b-blue);
      border: 1px solid var(--b2b-blue);
      background: none;
      transition: .2s;
    }
    .page-link:hover,
    .page-item.active .page-link {
      background: var(--b2b-blue);
      color: #fff;
      border-color: var(--b2b-blue);
    }

    /* ===== 右侧栏 ===== */
    .b2b-right-bar {
      background: #fff;
      border-radius: var(--b2b-radius);
      box-shadow: var(--b2b-shadow);
      padding: 20px;
      margin: 25px 0;
    }
    .right-bar__sect {
      margin-bottom: 25px;
    }
    .right-bar__sect:last-child {
      margin-bottom: 0;
    }
    .right-bar__tit {
      font-size: 16px;
      font-weight: 600;
      color: var(--b2b-blue);
      margin-bottom: 12px;
      border-left: 4px solid var(--b2b-orange);
      padding-left: 8px;
    }
    .right-bar__list {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .right-bar__list li {
      padding: 6px 0;
      border-bottom: 1px solid #f0f0f0;
      font-size: 13px;
    }
    .right-bar__list li:last-child {
      border-bottom: 0;
    }
    .right-bar__list a {
      color: #555;
      text-decoration: none;
      transition: color .2s;
    }
    .right-bar__list a:hover {
      color: var(--b2b-orange);
    }
    .right-bar__ad {
      width: 100%;
      border-radius: var(--b2b-radius);
      object-fit: cover;
      margin-bottom: 15px;
    }

    /* ===== 微信/QQ 弹窗（美观） ===== */
    .contact-modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.6);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 2000;
    }
    .contact-modal-content {
      background: #fff;
      border-radius: var(--b2b-radius);
      padding: 40px 30px;
      max-width: 400px;
      width: 90%;
      text-align: center;
      position: relative;
      box-shadow: 0 10px 30px rgba(0,0,0,.2);
      transform: scale(0.95);
      transition: transform .3s;
    }
    .contact-modal.show .contact-modal-content {
      transform: scale(1);
    }
    .contact-modal-close {
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: 28px;
      cursor: pointer;
      color: #999;
      transition: color .2s;
    }
    .contact-modal-close:hover {
      color: #333;
    }
    .contact-info {
      margin: 20px 0;
    }
    .contact-info h5 {
      color: var(--b2b-blue);
      margin-bottom: 10px;
      font-size: 20px;
    }
    .contact-info p {
      font-size: 18px;
      color: #333;
      margin: 0;
      background: var(--b2b-light);
      display: inline-block;
      padding: 8px 16px;
      border-radius: 6px;
      margin-top: 10px;
    }
    .contact-info .icon {
      font-size: 40px;
      color: var(--b2b-blue);
      margin-bottom: 10px;
    }

    /* ===== 响应式 ===== */
    @media (max-width: 768px) {
      .nav-menu {
        flex-direction: column;
        gap: 10px;
      }
      .prod-card {
        flex-direction: column;
      }
      .prod-card__img {
        width: 100%;
        height: 200px;
      }
      .cat-level1, .cat-level2 {
        justify-content: center;
      }
    }