/* ===================================================================
 * CMH 品牌样式 · 单一真源
 * 全站每页最后加载（在所有 per-page CSS / 内联样式之后），统一管控：
 *   ① 导航定制 logo 尺寸   ② 品牌配色(海军蓝 / 橙 / 白,单一皮肤)
 * 配色取自定制 logo：海军蓝 #123478 · 橙 #e58820 · 白 #FFFFFF。
 * 注：2026-06-25 下线「暖色经典」切换皮肤,只保留品牌蓝一套。
 * =================================================================== */

/* ① 导航定制 logo（替换原 CMH 字块；用类控制尺寸，不再写 inline 行内样式） */
.logo > .logo-img,
a.logo > .logo-img {
  height: 40px;
  width: auto;
  display: block;
}
@media (max-width: 560px) {
  .logo > .logo-img,
  a.logo > .logo-img { height: 32px; }
}

/* ② 品牌配色:本表最后加载,覆盖各页 :root 的旧暖色,首屏即按 logo 配色、零闪烁。
   强调色(橙)、--navy、字体、--gutter/--section 等沿用各页 :root,此处只覆盖底/字/线。 */
:root {
  --paper:      #FFFFFF;    /* 主底:白 */
  --paper-warm: #FFFFFF;    /* 分区/卡片:纯白(与主底统一,靠边框/深色条带分层) */
  --paper-pure: #FFFFFF;
  --paper-rgb:  255, 255, 255;  /* 供 rgba(var(--paper-rgb),a) 用:磨砂导航/深底浅色 */
  --ink:        #123478;             /* 主文字/标题/深色条带:logo 海军蓝(唯一海军蓝 hex) */
  --ink-rgb:    18, 52, 120;
  --ink-soft:   rgba(18,52,120,0.80);  /* 次要文字 = 海军蓝 80% */
  --ink-mute:   rgba(18,52,120,0.52);  /* 弱化文字 = 海军蓝 52% */
  --line:        rgba(18,52,120,0.16);
  --line-strong: rgba(18,52,120,0.34);
  --jade:        #123478;             /* 成功色也归海军蓝,不引入绿 */
}

/* ③ 首页分类网格:卡片是深色工厂图，分隔线改用中性浅色(白色半透明)，
   避免用 navy 主题线在深底上显出突兀的蓝线。两皮肤通用、在深图上都干净。 */
.cat-grid,
.cat { border-color: rgba(var(--paper-rgb), 0.16); }

/* ④ 主按钮 hover 动效:位移 + 阴影 + 提亮 + 箭头右移。
   全站 .btn-primary 统一,且不改背景色——所以即便按钮带内联 style="background:..."
   也挡不住这些效果(内联只焊死了背景,焊不住 transform/box-shadow/filter)。 */
.btn-primary {
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease,
              background .3s ease, border-color .3s ease, color .3s ease;
  will-change: transform;
}
.btn-primary svg { transition: transform .25s ease; }
@media (hover: hover) {
  .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px -8px rgba(18, 52, 120, 0.38);
    filter: brightness(1.07);
  }
  .btn-primary:hover svg { transform: translateX(3px); }
}

/* ⑤ about 作者卡 hover(替代原内联 onmouseover,触屏不触发) */
.author-card { transition: background .2s ease, transform .25s ease, box-shadow .25s ease; }
@media (hover: hover) {
  .author-card:hover { background: var(--paper-warm); transform: translateY(-2px); box-shadow: 0 10px 22px -10px rgba(18,52,120,0.2); }
}

/* ⑥ 相关文章/相关工厂卡 hover(全站:工厂详情页 + 分类详情页都用 .rel-card,
   故放全局而非 factory.css。替代原内联 onmouseover,触屏不触发、不粘住) */
.rel-card { transition: transform .3s cubic-bezier(0.22,1,0.36,1), box-shadow .3s ease; }
.rel-card h3 { transition: color .25s ease; }
@media (hover: hover) {
  .rel-card:hover { transform: translateY(-4px); box-shadow: 0 16px 34px -14px rgba(18,52,120,0.28); position: relative; z-index: 2; }
  .rel-card:hover h3 { color: var(--cinnabar); }
}