/* 点赞榜(/hall)专属样式——只在 templates/card/hall.html 里 link,不进 base.html。
   视觉沿霜夜墨蓝 + ember(#F07F2D)一套变量,与 card.css 的 cc-hall 网格协作:
   网格子项从 .cc-hcard 换成 .hl-item(卡 + 点赞条竖排),卡体样式原样复用。 */
.hl-hook { color: var(--fz-gold, #E8C476); font-size: 14px; font-weight: 700; }
.hl-item { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.hl-item .cc-hcard { flex: none; }
.hl-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.hl-count {
  font-size: 13px; font-weight: 700; color: var(--fz-snow, #EAF4FA);
  font-variant-numeric: tabular-nums; letter-spacing: .02em;
}
.hl-form { margin: 0; }
.hl-btn {
  appearance: none; -webkit-appearance: none; display: inline-block; cursor: pointer;
  font-size: 12.5px; font-weight: 700; line-height: 1; padding: 7px 14px;
  color: var(--fz-ice, #9FD8EF); background: var(--fz-panel, #111E2E);
  border: 1px solid var(--fz-line-hi, #2A4A63); border-radius: 999px;
  text-decoration: none; letter-spacing: .06em;
}
.hl-btn:hover { border-color: var(--fz-gold, #E8C476); color: var(--fz-gold, #E8C476); }
.hl-btn.hl-liked {
  color: #F07F2D; border-color: rgba(240, 127, 45, .75);
  background: rgba(240, 127, 45, .14);
}