/* Retu 官网 · r48 · 首页「买价 / 点差 / 卖价 / 当日」面板
 * 去掉 ▲▼(它们暗示这是实时涨跌);+/− 号由 home-panel-r48.js 写进数字本身;整块标注「示例」。
 * 面板里的数字是手写的演示值,不是真实报价,所以不再装成行情。
 * 只作用于 .spreads__panel;回退 = 删页头里引用本文件与 home-panel-r48.js 的两行。 */
.spreads__panel .qtable__trend::before { content: none; }

.spreads__sample {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--s-2);
  margin: var(--s-6) 0 0; font-size: var(--fs-sm); line-height: 1.5; color: var(--c-text-3);
}
.spreads__sample-tag {
  padding: 0 var(--s-2); font-size: var(--fs-eyebrow); font-weight: 600; letter-spacing: .02em;
  color: var(--c-warning-700); border: 1px solid currentColor; border-radius: var(--r-pill);
}
.spreads__sample a { color: var(--c-primary-700); font-weight: 600; text-decoration: none; white-space: nowrap; }
.spreads__sample a:hover, .spreads__sample a:focus-visible { text-decoration: underline; }
.spreads__sample + .spreads__tabs { margin-block-start: var(--s-3); }

/* 浅色主题下这一带若是深蓝底(theme-light-r46.css 提供 --r46-on-deep*,深底上的前景色),就读它们;文件没上线时变量不存在,回落到浅底上的原色 */
[data-theme="light"] .page-index #edge .spreads__sample { color: var(--r46-on-deep-2, var(--c-text-3)); }
[data-theme="light"] .page-index #edge .spreads__sample-tag { color: var(--r46-on-deep, var(--c-warning-700)); }
[data-theme="light"] .page-index #edge .spreads__sample a { color: var(--r46-on-deep, var(--c-primary-700)); }

/* r53:行被收起时必须真收起(手机断点里 .qtable tr 是 display:grid,会盖掉 [hidden]) */
.spreads__panel .qtable tr[hidden] { display: none; }
.spreads__panel .qtable__unit { margin-inline-start: var(--s-2); font-family: var(--font-sans); font-size: var(--fs-sm); color: var(--c-text-3); }