/* 列表类页面（聚合页、分类首页、分类总表、企业名录、搜索）：沿用 product.css 的首屏、状态卡、主栏 + 侧栏，这里只放列表自己的部分 */
.ls-intro{max-width:880px;line-height:1.7}
.ls-num{font-size:20px;font-variant-numeric:tabular-nums}
.ls-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px}
.ls-head h2{margin:0}

/* 筛选按钮（不带数量） */
.ls-filter{display:flex;flex-direction:column;gap:8px;margin:14px 0 12px}
.ls-chips{display:flex;flex-wrap:wrap;gap:6px}
.ls-chips a{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--text-2);font-size:14px}
.ls-chips a:hover{border-color:var(--brand);color:var(--brand);text-decoration:none}
.ls-chips a.on{background:var(--brand);border-color:var(--brand);color:#fff}

/* 产品表格（模板 _table.html，手机上每行一张卡片，沿用 .pd-usage） */
.ls-table{margin-top:4px}
.ls-table th,.ls-nowrap{white-space:nowrap}
.ls-table td{font-size:14px}
.ls-table .ls-name a{font-weight:600;font-size:15px}
.ls-table .ls-reg{font-variant-numeric:tabular-nums;white-space:nowrap}
.ls-table .ls-spec{min-width:10em}
.ls-table .ls-co{color:var(--text-2);min-width:140px}
.ls-table .ls-date{color:var(--muted);white-space:nowrap}
.ls-table tbody tr:hover{background:#f8fbf9}
.ls-none{color:#b5c0ba}

/* 侧栏分布：名称 + 相对横条，不显示数字 */
.ls-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ls-bars li{display:grid;grid-template-columns:minmax(0,9em) 1fr;align-items:center;gap:10px;font-size:14px}
.ls-bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-bar{height:8px;border-radius:999px;background:#e8efeb;overflow:hidden}
.ls-bar i{display:block;height:100%;border-radius:999px;background:var(--brand-2)}

/* 标签链接（不带数量） */
.ls-tags{display:flex;flex-wrap:wrap;gap:8px}
.ls-tags a,.ls-tags span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:8px;background:#f1f6f3;color:var(--brand-deep);font-size:14px}
.ls-tags a:hover{background:var(--brand);color:#fff;text-decoration:none}
.ls-tags span{color:var(--text-2)}
.ls-note p{margin:0;font-size:13px;color:var(--muted);line-height:1.7}
.ls-links{list-style:none;margin:0;padding:0}
.ls-links li{border-top:1px solid #eef2f0}
.ls-links li:first-child{border-top:0}
.ls-links a{display:flex;justify-content:space-between;padding:10px 0;font-size:14px}

/* 分类总表：分组跳转 + 名称网格 */
.ls-jump{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.ls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 16px;margin-top:10px}
.ls-grid a,.ls-grid span{display:block;padding:7px 0;border-bottom:1px dashed #e3ebe7;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-grid span{color:var(--text-2)}
.ls-group{scroll-margin-top:90px}

/* 企业名录：企业卡片 */
.ls-cos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:4px}
.ls-co-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fafcfb;color:var(--text)}
.ls-co-card:hover{text-decoration:none;border-color:var(--brand-line);box-shadow:var(--shadow);color:var(--text)}
.ls-co-card strong{color:var(--brand);font-size:15px;overflow-wrap:anywhere}
.ls-co-card span{font-size:13px;color:var(--muted)}

/* 搜索 */
.ls-search{display:flex;gap:8px;margin-top:4px;max-width:760px}
.ls-search input{flex:1;min-width:0;height:48px;padding:0 16px;border:1px solid var(--line);border-radius:12px;font-size:16px;background:#fff}
.ls-search input:focus{outline:2px solid var(--brand-line);border-color:var(--brand)}
.ls-search button{flex:none;height:48px;padding:0 22px;border:0;border-radius:12px;background:var(--brand);color:#fff;font-size:16px;font-weight:600;cursor:pointer}
.ls-hot{margin-top:12px;font-size:14px;color:var(--muted)}
.ls-hot a{margin-right:12px}

@media (max-width:767px){
  .ls-table .ls-name{padding-bottom:4px}
  .ls-table .ls-name::before{display:none}
  .ls-table .ls-name a{font-size:16px}
  .ls-table .ls-reg,.ls-table .ls-date{white-space:normal}
  .ls-cos{grid-template-columns:1fr}
  .ls-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
  .ls-scroll::-webkit-scrollbar{display:none}
  .ls-scroll a{flex:none}
  .ls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}