/* ============================================================
 * bull-typo.css —— 今日总览「大牛分享」模块的排版修正
 *
 * 问题 1：.bull-code（股票代码）原本 font-size:8px、color:var(--muted)，
 *        8px 在多数屏幕上看不清（实测宽 26px）。同行名称 12.5px、价格 12px、
 *        涨幅 11px，代码反而是最小的。
 * 问题 2：代码提到 11px 后，「名称+代码」在 81px 的列里放不下
 *        （内容 93px），会被省略号截断。
 *
 * 组件原始网格是 **10 列**（实测 dist CSS）：
 *   22px(等级) 1fr(名称) 20px(沪/深) 38px(板) 56px(动作) 58px(行业)
 *   24px(评分) 38px(价) 42px(涨跌) 42px(时间)
 * 并且有 1200 / 900 / 520 三档媒体查询按顺序覆盖，所以：
 *   · 必须用 !important 才能压过它们
 *   · 列数必须与各档一致（少写会错位）
 * ============================================================ */

/* ---------- 代码字号与颜色 ---------- */
.bull-row .bull-code[data-v-426340e6],
.bull-code[data-v-426340e6] {
  font-size: 11px !important;
  color: var(--sub, #7f8c9f) !important;
  margin-left: 5px !important;
  letter-spacing: .2px;
  font-variant-numeric: tabular-nums;
}

html.dark .bull-row .bull-code[data-v-426340e6],
html.dark .bull-code[data-v-426340e6] {
  color: var(--sub, #7d8ba3) !important;
}

/* ---------- 名称列加宽（10 列；把行业列 58→42 的空间让给名称） ---------- */
.bull-row[data-v-426340e6] {
  grid-template-columns:
    22px minmax(0, 1.45fr) 20px 38px 52px 42px 24px 38px 42px 42px !important;
}

/* 1200px 以下：原规则 8 列（隐藏行业/评分） */
@media (max-width: 1200px) {
  .bull-row[data-v-426340e6] {
    grid-template-columns:
      22px minmax(0, 1.6fr) 20px 34px 56px 56px 38px 42px !important;
  }
}

/* 900px 以下：7 列 */
@media (max-width: 900px) {
  .bull-row[data-v-426340e6] {
    grid-template-columns:
      22px minmax(0, 1.7fr) 20px 34px 54px 38px 42px !important;
  }
}

/* 520px 以下：5 列 */
@media (max-width: 520px) {
  .bull-row[data-v-426340e6] {
    grid-template-columns: 22px minmax(0, 2fr) 34px 38px 42px !important;
  }
}

/* 名称行行高微调，避免代码变大后把行撑高（原本 min-height:35px） */
.bull-row .bull-nm[data-v-426340e6] {
  line-height: 1.5;
}