/* ═══ r40 · 首页「优势」重排(2026-09-29)═════════════════════════
   原版:自研交易内核图 + 一条「0 佣金 / 低点差」成本带。
   新版:内核仍是承重的那块(整宽卡 + 原图),下方三张并列卡 ——
   全球流动性 → 卓越执行 → 成本透明,最后一张紧挨下面的点差表,
   「成本透明」说完就直接看到逐品种点差。
   卡面按官网设计体系 v1:深灰底 + 极细白色半透明边框,不用投影;
   这些卡不可点 ⇒ 不加悬停上浮。
   撤销 = 删掉页面 <head> 里 edge-r40.css 那一行(markup 已换,旧成本带不会回来,
   要整体回退用 retu-home-v5/_bak/edge-r40-<时间戳> 目录里的两份页面)。 */

.edge__core,
.edge__card {
  border-radius: 16px;
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--c-surface) 72%, transparent),
    color-mix(in srgb, var(--c-surface) 44%, transparent));
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: none;
}

/* ── 承重卡:自研交易内核 ── */
.edge__core {
  margin-block-start: var(--s-8);
  padding: var(--s-7);
  gap: var(--s-7);
}
/* 卡里再套一层图版框会成「框中框」,把图版的底和边摘掉,只留图 */
.edge__core .fig-plate {
  padding: 0; background: none; border: 0; box-shadow: none;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
@media (min-width: 900px) {
  .edge__core { padding: var(--s-8) var(--s-9); gap: var(--s-9); }
}

/* ── 三张并列卡 ── */
.edge__grid {
  list-style: none; margin: var(--s-6) 0 0; padding: 0;
  display: grid; gap: var(--s-6);
}
@media (min-width: 1000px) {
  .edge__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.edge__card {
  display: flex; flex-direction: column;
  padding: var(--s-7) var(--s-6);
}
@media (min-width: 1200px) {
  .edge__card { padding: var(--s-7); }
}

.edge__ico {
  display: inline-grid; place-items: center;
  inline-size: 48px; block-size: 48px; border-radius: 12px;
  background: color-mix(in srgb, var(--c-primary-500) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--c-primary-500) 30%, transparent);
}
.edge__ico svg {
  inline-size: 26px; block-size: 26px;
  fill: none; stroke: var(--c-primary-500); stroke-width: 1.6;
  stroke-linecap: round; stroke-linejoin: round;
}
.edge__ico .edge__dot { fill: var(--c-primary-500); stroke: none; }

.edge__name {
  margin: var(--s-5) 0 0;
  font-size: clamp(20px, 1rem + .7vw, 26px); font-weight: 700;
  letter-spacing: -.01em; line-height: 1.25;
}
/* 第一句是承诺本身 —— 亮一档;第二句是依据 —— 退一档,中间一条短发丝线隔开 */
.edge__lead {
  margin: var(--s-4) 0 0;
  color: var(--c-text); font-weight: 500; line-height: 1.8;
  flex: 1 0 auto;   /* 三张卡的分隔线对齐在同一高度 */
}
.edge__body {
  margin: var(--s-4) 0 0; padding-block-start: var(--s-4);
  border-block-start: 1px solid rgba(255, 255, 255, .10);
  color: var(--c-text-2); line-height: 1.85; font-size: var(--fs-sm, .9375rem);
}

.edge__grid + .spreads__tabs { margin-block-start: var(--s-9); }

/* ── 对齐(2026-09-29 二改):三张卡的分隔线、正文起点必须在同一高度 ──
   上一版靠 lead 的 flex 撑高,只在三段正文行数相同时成立;正文 2 行 vs 3 行时
   分隔线就高低错开。改用 subgrid:四行(图标 / 标题 / 首句 / 正文)跨三张卡共享行高,
   每一行都取三张里最高的那张,于是标题、分隔线、正文逐行对齐。 */
@supports (grid-template-rows: subgrid) {
  @media (min-width: 1000px) {
    .edge__grid { row-gap: 0; }
    .edge__card {
      display: grid;
      grid-row: span 4;
      grid-template-rows: subgrid;
      row-gap: 0;
      align-content: start;
    }
    .edge__card > .edge__ico { justify-self: start; }
    .edge__lead { flex: none; }
  }
}

/* 避免末行只剩一两个字(孤字) */
.edge__lead, .edge__body { text-wrap: pretty; }