/* ── 连板梯队（2026-10-12）──
   参考用户给的同花顺两张图：第一张=蓝色梯队；第二张=今昨晋级成功/失败。
   只展示本地可验证字段，不伪造人气排名/60日新高标签。 */
.ladder-view { display: grid; gap: 14px; }
.ladder-themes { display:flex; flex-wrap:wrap; gap:7px; }
.ladder-theme-chip { padding:5px 10px; border-radius:999px; background:var(--surface); border:1px solid var(--line); font-size:11px; box-shadow:0 2px 8px color-mix(in srgb,var(--ink) 5%,transparent); }
.ladder-panel { border:2px solid #2878e8; border-radius:14px; overflow:hidden; background:var(--surface); }
.ladder-panel-head { display:grid; grid-template-columns:90px 1fr; align-items:center; padding:9px 12px; background:linear-gradient(100deg,#1168db,#3d93f5); color:#fff; font-size:13px; }
.ladder-panel-head strong { font-size:15px; }
.ladder-row { display:grid; grid-template-columns:90px 1fr; border-bottom:1px solid color-mix(in srgb,#2878e8 22%,var(--line)); min-height:74px; }
.ladder-row:last-child { border-bottom:0; }
.ladder-compare-row { display:grid; grid-template-columns:90px 1fr; border-top:1px solid color-mix(in srgb,#2878e8 30%,var(--line)); }
.ladder-compare-rank { display:flex; align-items:center; justify-content:center; background:color-mix(in srgb,#2878e8 8%,var(--surface)); color:#2878e8; font-weight:800; font-size:15px; }
.ladder-compare-side { min-width:0; }
.ladder-compare-title { padding:7px 10px; color:#fff; background:linear-gradient(100deg,#1168db,#3d93f5); font-weight:750; font-size:12px; }
.ladder-compare-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(135px,1fr)); gap:1px; background:var(--line); }
.ladder-compare-card { min-width:0; padding:7px 9px; background:color-mix(in srgb,var(--surface) 90%,#eaf2ff); }
.compare-pct { font-size:13px; }.compare-name { display:flex;align-items:center;gap:4px;margin-top:2px;font-size:11.5px;font-weight:700}.compare-origin,.compare-prices{display:block;color:var(--muted);font-size:9.5px;margin-top:2px;font-variant-numeric:tabular-nums}
.ladder-rank { display:flex; align-items:center; justify-content:center; color:#2878e8; font-weight:800; font-size:15px; background:color-mix(in srgb,#2878e8 5%,var(--surface)); }
.ladder-rank.is-high { color:var(--red); }
.ladder-stock-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:1px; background:var(--line); }
.ladder-stock { min-width:0; padding:8px 9px; background:var(--surface); }
.ladder-stock-top,.advance-name { display:flex; align-items:center; justify-content:space-between; gap:5px; }
.ladder-stock .stock-name,.advance-card .stock-name { font-weight:750; font-size:12.5px; }
.ladder-stock-meta { display:inline-flex; align-items:center; gap:4px; min-width:0; }
.ladder-badges { display:inline-flex; gap:2px; align-items:center; flex-wrap:wrap; }
.ladder-badge { display:inline-flex; align-items:center; justify-content:center; min-width:16px; height:16px; padding:0 3px; border-radius:4px; color:#fff; font-size:9px; font-weight:800; line-height:1; }
.badge-bomb { background:#e6a319; }.badge-high { background:#347ce8; }.badge-limit { background:#7354c6; }
.badge-pop-up { color:#e44949; }.badge-pop-down { color:#1b9b69; }.legend-arrow{font-size:15px;font-weight:900}.legend-muted{color:var(--muted);font-style:italic}
.ladder-legend { display:flex; flex-wrap:wrap; align-items:center; gap:5px; color:var(--muted); font-size:10.5px; padding:0 2px; }
.ladder-time { color:var(--red); font-size:10.5px; font-variant-numeric:tabular-nums; }
.ladder-stock-theme,.advance-theme { color:var(--muted); font-size:10.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:3px; }
.ladder-theme-row { display:flex; align-items:center; justify-content:space-between; gap:5px; margin-top:3px; min-width:0; }
.ladder-theme-row .ladder-stock-theme { min-width:0; margin-top:0; }
.ladder-seal-signal { flex-shrink:0; display:inline-flex; align-items:center; padding:2px 5px; border-radius:4px; font-size:10px; font-weight:750; line-height:1.25; white-space:nowrap; color:#fff; }
.ladder-seal-signal.seal-yizi { background:#c84343; }
.ladder-seal-signal.seal-t { background:#7554b5; }
.ladder-seal-signal.seal-turnover { background:#237a98; }
.ladder-seal-signal.seal-other { background:#64748b; }
.ladder-price-lines,.compare-price-lines { display:grid; gap:2px; margin-top:4px; font-size:10.5px; font-variant-numeric:tabular-nums; }
.ladder-price-line { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.ladder-price-line .price-label { color:var(--muted); }
.ladder-price-line .positive,.ladder-price-line .negative,.ladder-price-line .neutral { font-weight:750; }
.advance-prices { display:flex; gap:9px; margin-top:4px; color:var(--muted); font-size:10.5px; font-variant-numeric:tabular-nums; }
.advance-panel { border-radius:14px; background:var(--surface); border:1px solid var(--line); padding:12px; }
.advance-group { margin-top:12px; border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.advance-group-head { display:flex; align-items:center; gap:10px; padding:8px 10px; background:var(--surface-soft); font-weight:700; }
.advance-from { color:var(--muted); }.advance-arrow{color:var(--red);font-size:18px}.advance-to{color:var(--red)}
.advance-rate { margin-left:auto; color:var(--muted); font-size:11px; }
.advance-cols { display:grid; grid-template-columns:repeat(13,minmax(0,1fr)); }
.advance-col { min-width:0;grid-column:1 / span 6; }
.advance-col + .advance-col { grid-column:8 / span 6; }
.advance-col:first-child { border-right:0; }
.advance-cols > .advance-col:only-child { border-right:0; }
.advance-more { background:var(--surface); border-top:1px dashed var(--line); }
.advance-more summary { cursor:pointer; list-style:none; padding:7px 9px; color:var(--muted); font-size:11px; text-align:center; }
.advance-more summary::-webkit-details-marker { display:none; }
.advance-more summary::after { content:"⌄"; margin-left:5px; }
.advance-more[open] summary::after { content:"⌃"; }
.advance-empty { padding:12px; }
.advance-col-title { padding:7px 9px; font-size:11px; font-weight:700; border-bottom:1px solid var(--line); }
.advance-col-title.is-success { color:var(--red); background:color-mix(in srgb,var(--red) 6%,var(--surface)); }
.advance-col-title.is-failed { color:var(--green); background:color-mix(in srgb,var(--green) 6%,var(--surface)); }
.advance-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1px; background:var(--line); min-height:52px; }
.advance-card { min-width:0;overflow-wrap:anywhere; }
@media(max-width:1100px){.advance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.advance-cols>.advance-col{grid-column:auto}.advance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.advance-card { padding:7px 8px; background:var(--surface); border-left:3px solid transparent; }
.advance-card.is-success { border-left-color:var(--red); }.advance-card.is-failed { border-left-color:var(--green); opacity:.88; }
@media (max-width:720px){.ladder-row,.ladder-panel-head,.ladder-compare-row{grid-template-columns:64px 1fr}.advance-cols{grid-template-columns:1fr!important}.advance-col:first-child{border-right:0;border-bottom:1px solid var(--line)}}
