/* ==========================================================================
   portal-r31d.css（第 31d 轮 · 只追加，不改 portal.css / portal-extra.css）

   本文件解决 bug261020（4）浏览器实测里剩下的两个残留，全部用「更高特异性 +
   更晚加载」的方式覆盖，不改任何既有文件，便于单独回滚（删掉 head.html 里
   指向本文件的一行 <link> 即完全复原）：

     1. 资讯详情「分类标签 / 发布日期 / 阅读量」同一行的间距只有 4.73px。
        根因：.nd-inforow 在 portal-r31a.css 里已写成 display:flex + gap:10px 14px，
        但实测 computed display 仍是 block，说明有别的规则把它压回了块级
        （元素盒间距退化成空白符宽度 ≈4.7px）。这里用 (0,2,0) 的
        `.nd-metabar .nd-inforow` 再声明一次，无论与哪条规则冲突都能生效。
        · 为什么 gap 写 10px 14px：行间距 10px、列间距 14px。客户要求「分类标签
          与日期之间留出适当的间距」，14px 元素盒间距（字形间距约 17px）既不会
          显得松散，也不会挤在一起；窄屏 flex-wrap 后行距 10px 不至于贴行。

     2. 「免费企业诊断」按钮的白字与底色（**已在 bug261021（2）问题3 返工**）：
        第 31 轮曾把 `.btn--gold` 的首两个色停压深成古铜金以提高白字对比度；
        第 33 轮客户明确要求「表单提交按钮统一改成与【成功案例卡片】完全一致的
        金黄色渐变，文字保持白色」，所以本文件不再改动渐变，只把 text-shadow 略加深。
        当前值：linear-gradient(140deg, var(--gold-500), var(--case-bronze) 32%,
        var(--case-gray) 68%, var(--case-deep)) —— 与 portal.css:118 完全同值。
   ========================================================================== */

/* ---------- 一、资讯详情信息行：真正变成 flex 一行，间距 14px ---------- */
.nd-metabar .nd-inforow{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 14px;
  margin:0;
  min-width:0;
}

.nd-metabar .nd-inforow > *{
  /* 三个子项（分类徽标 / 日期 / 阅读量）都不允许被压缩变形，
     长文案在窄屏换行而不是把徽标挤扁 */
  flex:0 0 auto;
}

/* ---------- 二、主按钮渐变：与成功案例卡头图完全一致（bug261021（2）问题3 返工） ----------
   上一轮（bug261020（4）问题6）为了白字可读，把首两段色停压深成古铜金。
   本轮客户明确要求「表单提交按钮统一改成与【成功案例卡片】完全一致的金黄色渐变，
   文字保持白色」，所以这里恢复设计稿的渐变（与 portal.css:118 同值，显式写出便于
   与本文件其它覆盖一起回滚），只把 text-shadow 略微加深，保证亮金端白字仍能分辨。
   悬停不再改背景色（改了就不再「完全一致」），只加深投影。 */
.btn.btn--gold,
.btn.btn--navy,
a.btn.btn--gold,
a.btn.btn--navy{
  background:linear-gradient(140deg,var(--gold-500),var(--case-bronze) 32%,var(--case-gray) 68%,var(--case-deep));
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  box-shadow:0 10px 22px rgba(176,123,44,.30);
}

.btn.btn--gold:hover,
.btn.btn--navy:hover,
a.btn.btn--gold:hover,
a.btn.btn--navy:hover{
  box-shadow:0 14px 28px rgba(250,193,0,.38);
}