/* 供应商列表页 —— 分类筛选 + 精致占位卡 */
.supplier-filter{background:#fff;border:1px solid #e3e6ea;border-radius:8px;padding:16px 18px;margin-bottom:22px;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.supplier-filter .fl-row{display:flex;align-items:flex-start;margin-bottom:8px;}
.supplier-filter .fl-row:last-child{margin-bottom:0;}
.supplier-filter .fl-label{width:56px;font-size:13px;font-weight:700;color:#2b2f36;line-height:32px;flex-shrink:0;}
.supplier-filter .tags{display:flex;flex-wrap:wrap;gap:8px;}
.supplier-filter .tag{display:inline-flex;align-items:center;gap:4px;padding:6px 13px;border:1px solid #e0e3e8;border-radius:20px;font-size:13px;color:#555;background:#fafbfc;text-decoration:none;transition:all .15s;}
.supplier-filter .tag b{font-weight:700;color:#8891a0;font-size:11px;background:#eef0f3;padding:0 6px;border-radius:8px;}
.supplier-filter .tag:hover{border-color:#1565c0;color:#1565c0;background:#f0f6ff;}
.supplier-filter .tag.on{background:#1565c0;color:#fff;border-color:#1565c0;}
.supplier-filter .tag.on b{background:rgba(255,255,255,.25);color:#fff;}
/* 供应商卡片 */
.sup-card{border:1px solid #e3e6ea;border-radius:10px;overflow:hidden;background:#fff;height:100%;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s;box-shadow:0 1px 4px rgba(0,0,0,.04);}
.sup-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.09);transform:translateY(-2px);}
.sup-thumb{height:120px;position:relative;display:flex;align-items:center;justify-content:center;}
.sup-thumb .bg-ico{font-size:38px;opacity:.9;}
.sup-thumb .city-pill{z-index:2;position:absolute;left:10px;bottom:8px;background:rgba(255,255,255,.92);color:#2b2f36;font-size:11px;font-weight:600;padding:2px 9px;border-radius:12px;display:flex;align-items:center;gap:3px;box-shadow:0 1px 3px rgba(0,0,0,.1);}
.sup-thumb .feat-pill{z-index:2;position:absolute;right:8px;top:8px;background:#ff6f00;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;}
.sup-card .sc-body{padding:13px 14px 14px;display:flex;flex-direction:column;flex:1;}
.sup-card .nm{font-size:14.5px;font-weight:700;color:#23272d;line-height:1.4;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;}
.sup-card .meta{font-size:12px;color:#6b7280;line-height:1.7;margin-bottom:8px;}
.sup-card .meta .bt{display:inline-block;background:#eef3fb;color:#1565c0;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;margin-bottom:5px;}
.sup-card .btns{margin-top:auto;display:flex;gap:6px;}
.sup-card .btns a{flex:1;text-align:center;padding:7px 0;border-radius:6px;font-size:12.5px;font-weight:600;text-decoration:none;}
.sup-card .btns .d{background:#fff;color:#1565c0;border:1px solid #1565c0;}
.sup-card .btns .d:hover{background:#1565c0;color:#fff;}
.sup-card .btns .q{background:#f3f7ee;color:#2c7a4b;border:1px solid #cfe3cd;}
.sup-card .btns .q:hover{background:#2c7a4b;color:#fff;}
/* 空态 */
.sup-empty{text-align:center;padding:60px 20px;color:#8891a0;}