/* lamps-flat.css —— 全站「多维共振」灯带统一成涨停看板那种细横杠
 *
 * 背景：.lamps 是 Vue 组件（Lamps.vue），原样式在 Lamps-*.css 里：
 *         .lamps i[data-v-afc494ce] { width:8px; height:8px; border-radius:2px;
 *                                      border:1px solid var(--border) }
 *       视觉上是「小方块」。涨停看板（zt-polish.css 第 15 节）已经改成
 *       10×3 的细横杠，连板梯队 / 策略推票榜还留着方块，两处不一致。
 *       站长 2026-10-31 要求全站统一成细横杠。
 *
 * 为什么用 !important：
 *       原规则带 scoped 属性选择器 `.lamps i[data-v-afc494ce]`，特异性 (0,2,1)；
 *       而 data-v-xxxx 这个 hash 是编译产物，前端重新构建就会变，写死属性选择器
 *       下次重建即失效。!important 与 hash 无关，重建后依然生效。
 *       （table-flat.css 压 scoped 用的也是这套办法。）
 *
 * 配色与涨停看板完全一致（zt-polish.css 顶部的那三个变量）：
 *       亮 = 涨红   灭 = 跌绿   缺数据 = 虚线框
 */
:root {
  --zt-lamp-on: #e0342f;
  --zt-lamp-off: #14a038;
  --zt-lamp-base: #e5eaf1;
}
html.dark {
  --zt-lamp-on: #f85149;
  --zt-lamp-off: #3fb950;
  --zt-lamp-base: #2a3446;
}

/* 容器：间距比原来的 3px 紧一点，细横杠不需要那么宽的空隙 */
.lamps {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
}

/* 单根灯：10×3 细横杠，圆角 1px，无边框
 * box-sizing 必须显式给 border-box —— 原样式带 1px 边框，
 * 去掉边框后若还是 content-box，10px 会算成实宽 10px 而基线偏移。 */
.lamps i {
  width: 10px !important;
  height: 3px !important;
  border-radius: 1px !important;
  border: 0 !important;
  box-sizing: border-box !important;
  flex: none !important;
  display: inline-block !important;
  background: var(--zt-lamp-base) !important;
}

.lamps i.on {
  background: var(--zt-lamp-on) !important;
}
.lamps i.off {
  background: var(--zt-lamp-off) !important;
}
/* 缺数据维：细虚线框，不填色 */
.lamps i.na {
  background: transparent !important;
  border: 1px dashed var(--zt-lamp-base) !important;
}

/* 计数 4/5：压小，让灯带是主角（涨停看板同口径） */
.lamps .cnt {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-left: 3px !important;
  font-variant-numeric: tabular-nums;
}

/* 连板梯队 / 推票榜为了纵向居中会把 .lamps 设成 block 或给 margin，
 * 这里不动 margin（各页面布局不同），只保证内部横向排列不被打断。 */
.lamps i + i {
  margin-left: 0 !important;
}