/* ============================================================
 * FundBoard · money.css  货币基金对比页专用样式
 * 页面骨架（页头 / 控制区 / 卡片 / 表格 / 说明列表）全部来自 base.css，
 * 这里只保留本页独有的结论卡、表格高亮与空态。
 * ============================================================ */

/* ---------- 已选为空时的提示 ---------- */
.mn-chips-empty {
  display: inline-flex;
  align-items: center;
  height: 32px;
}

/* ---------- 区间不足提示 ---------- */
.mn-clamp { margin-top: 12px; }
.mn-clamp span { flex: 1 1 auto; }

/* ---------- 结论卡 ---------- */
.mn-answer {
  border-color: #dde4fb;
  background:
    radial-gradient(560px 220px at 100% 0, rgba(79, 110, 247, .06), transparent 70%),
    var(--fb-surface);
}
.mn-stats { margin-top: 2px; }
.mn-stats > .fb-empty,
.mn-stats > .fb-loading { grid-column: 1 / -1; }

.mn-stat-name {
  display: inline-block;
  max-width: 100%;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mn-unit {
  font-size: 12px;
  font-weight: 500;
  color: var(--fb-text-3);
}

.mn-verdict {
  margin-top: 14px;
  padding: 13px 15px;
  border-radius: 12px;
  border: 1px solid #dbe2fb;
  background: linear-gradient(135deg, #eff2ff, #fbf7ff 68%, #f2fbf7);
  box-shadow: 0 1px 2px rgba(28, 37, 54, .03);
}
.mn-verdict-main {
  font-size: 13.5px;
  line-height: 1.8;
  color: #2c3550;
}
.mn-verdict-main b {
  color: var(--fb-accent-deep);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.mn-verdict-sub {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #dfe4f5;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--fb-text-2);
}

.mn-profit-chart { margin-top: 10px; }

/* 原始 / 7 日平滑 切换按钮更紧凑 */
.mn-mini .fb-tab { height: 26px; padding: 0 11px; font-size: 12px; }

/* ---------- 表格最优值强调 ---------- */
.fb-table tbody tr.mn-row-best {
  background: linear-gradient(90deg, rgba(227, 77, 89, .07), rgba(227, 77, 89, .015));
}
.fb-table tbody tr.mn-row-best:hover {
  background: rgba(227, 77, 89, .10);
}
.fb-table tbody tr.mn-row-best td {
  border-bottom-color: #f8e3e5;
}
.fb-table td.mn-best {
  font-weight: 700;
}
.mn-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 0 5px;
  border-radius: 5px;
  background: #ffe9ea;
  color: var(--fb-up);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.6;
  vertical-align: 1px;
}

/* ---------- 图表容器内的加载 / 空态填满高度 ---------- */
.fb-chart > .fb-loading,
.fb-chart > .fb-empty {
  height: 100%;
  box-sizing: border-box;
}
.fb-chart > .fb-empty {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ---------- 响应式 ---------- */
@media (max-width: 900px) {
  .mn-verdict { padding: 12px 13px; }
  .mn-verdict-main { font-size: 13px; }
}

@media (max-width: 560px) {
  .mn-stat-name { font-size: 13.5px; }
  .mn-mini .fb-tab { padding: 0 8px; }
}
