/* 天梯图：工具栏 + 档位分段 + 性能条 + 型号对比 */

.ld-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem}
.ld-search{position:relative;flex:1 1 15rem;min-width:12rem}
.ld-search i{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#adb5bd}
.ld-search input{padding-left:2rem}
.ld-toolbar .form-select{flex:0 1 auto;width:auto;min-width:8.5rem;font-size:.875rem}

.ld-note{margin-bottom:.6rem;font-size:.75rem;line-height:1.6;color:#8a94a3}
.ld-legend{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}
.ld-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.12rem .55rem;border:1px solid #eef1f5;
  border-radius:999px;background:#fff;font-size:.75rem;color:#5b6675}
.ld-chip i{width:.6rem;height:.6rem;border-radius:50%}

.ld-compare{margin-bottom:.75rem;padding:.75rem;border:1px solid rgba(var(--site-primary-rgb),.3);
  border-radius:.625rem;background:var(--site-tint)}
.ld-cmp-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#2b3441}
.ld-cmp-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center}
.ld-cmp-item{min-width:0}
.ld-cmp-name{font-weight:600;color:#2b3441}
.ld-cmp-bar{height:.5rem;margin-top:.35rem;border:1px solid #e7ebf0;border-radius:999px;background:#fff;overflow:hidden}
.ld-cmp-bar i{display:block;height:100%}
.ld-cmp-meta{margin-top:.25rem;font-size:.75rem;color:#8a94a3}
.ld-cmp-vs{font-size:.75rem;color:#8a94a3}
.ld-cmp-diff{margin-top:.6rem;padding-top:.5rem;border-top:1px dashed rgba(var(--site-primary-rgb),.35);
  font-size:.8125rem;line-height:1.6;color:#2b3441}

.ld-chart{border:1px solid #eef1f5;border-radius:.625rem;overflow:hidden;background:#fff}
.ld-tier{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#f7f9fb;
  border-left:4px solid #ccc;font-size:.8125rem;font-weight:600;color:#2b3441}
.ld-tier-sub{margin-left:auto;font-weight:400;color:#8a94a3}
.ld-row{display:grid;gap:.5rem;align-items:center;padding:.4rem .75rem;border-top:1px solid #f3f5f8;
  grid-template-columns:2.4rem minmax(9rem,15rem) minmax(4rem,1fr) 3.4rem minmax(0,13rem) 2.8rem;
  font-size:.8125rem;cursor:pointer}
.ld-row:hover{background:#fafbfd}
.ld-row.is-picked{background:var(--site-tint)}
.ld-rank{color:#adb5bd;font-variant-numeric:tabular-nums}
.ld-name{display:flex;align-items:center;gap:.4rem;min-width:0}
.ld-dot{flex:none;width:.55rem;height:.55rem;border-radius:50%}
.ld-name-txt{font-weight:600;color:#2b3441;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ld-yr{flex:none;font-size:.75rem;color:#adb5bd}
.ld-bar{display:block;height:.6rem;border-radius:999px;background:#f1f3f5;overflow:hidden}
.ld-bar i{display:block;height:100%;border-radius:999px;opacity:.85}
.ld-score{text-align:right;font-weight:600;color:#495057;font-variant-numeric:tabular-nums}
.ld-spec{color:#8a94a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ld-pick{display:flex;justify-content:center}
.ld-pick input{margin:0;cursor:pointer}
.ld-empty{padding:1.75rem 1rem;text-align:center;color:#8a94a3}

@media (max-width:767.98px){
  .ld-row{grid-template-columns:1.8rem minmax(0,1fr) 2.8rem 1.6rem;row-gap:.25rem;
    grid-template-areas:
      "rank name score pick"
      "rank bar bar bar"
      "spec spec spec spec"}
  .ld-rank{grid-area:rank}
  .ld-name{grid-area:name}
  .ld-bar{grid-area:bar}
  .ld-score{grid-area:score}
  .ld-spec{grid-area:spec;white-space:normal}
  .ld-pick{grid-area:pick}
  .ld-cmp-grid{grid-template-columns:1fr;gap:.5rem}
  .ld-cmp-vs{text-align:center}
}