/* ===== 中采智培 · 全站配色（大气版：深蓝 + 金）=====
   在原站样式之后加载：重定义品牌变量 + 少量统一手势规则。
   主色：深海军蓝 #0E2C4A → #123A63 → #1B4E7E；点缀色：金棕 #B08A4B → #C9A96A */
:root {
  --brand-navy: #0E2C4A;
  --brand-navy-mid: #123A63;
  --brand-navy-light: #1B4E7E;
  --brand-gold: #B08A4B;
  --brand-gold-light: #C9A96A;
  --bg-slate: #F7F8FA;

  --radius-xs: .125rem;
  --radius: .45rem;
  --radius-2xl: .6rem;

  --shadow-2xs: 0 2px 10px -8px rgba(13, 35, 58, .35);
  --shadow-xs: 0 6px 16px -14px rgba(13, 35, 58, .4);
  --shadow-sm: 0 12px 24px -20px rgba(13, 35, 58, .45);
  --shadow-md: 0 18px 30px -24px rgba(13, 35, 58, .5);
  --shadow-lg: 0 24px 38px -26px rgba(13, 35, 58, .55);
  --shadow-xl: 0 30px 48px -30px rgba(13, 35, 58, .55);
  --shadow-2xl: 0 38px 60px -36px rgba(13, 35, 58, .6);
}

/* 主色按钮：金色渐变（稳重，不再用多色渐变） */
.bg-brand-gold {
  background-color: #B08A4B;
  background-image: linear-gradient(135deg, #B08A4B, #C9A96A);
  color: #fff;
}
.hover\:bg-brand-gold-light:hover {
  background-color: #9A7738;
  background-image: linear-gradient(135deg, #9A7738, #B08A4B);
}

/* 深色区块：深海军蓝渐变 + 极淡金色光晕 */
.bg-brand-navy {
  background-image:
    radial-gradient(900px 420px at 88% -12%, rgba(176, 138, 75, .16), transparent 65%),
    linear-gradient(135deg, #0B2038, #123A63 55%, #1B4E7E);
}
footer.bg-brand-navy {
  background-color: #0A1C2E;
  background-image: none;
}

/* 卡片悬停手势：轻微上浮 + 中性阴影 */
.rounded-2xl, .rounded-xl { transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.rounded-2xl:hover, .rounded-xl:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }

/* 金色小徽章：浅金底 + 深金文字 */
.bg-brand-gold\/10 { background-color: #F5EEDA; }
.text-brand-gold { color: #9A7738; }

/* 顶部信息条：深墨蓝 */
.bg-brand-navy-mid { background-color: #0B2038; }

/* 数字/强调色块：金色渐变 */
.bg-gradient-to-b.from-brand-gold { background-image: linear-gradient(180deg, #B08A4B, #C9A96A); }

/* 圆角兜底：卡片等大圆角统一收到 0.6rem 以内 */
.rounded-2xl, .rounded-xl { border-radius: var(--radius-2xl); }
.rounded-lg, .rounded-md { border-radius: calc(var(--radius-2xl) - 2px); }
.h-panel, .h-stat, .ss-card { overflow: hidden; }

/* 滚动条 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #C6CCD4; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #9AA4B0; }

/* ===== 文章详情页右侧「相关推荐」：手机端仅前 4 条，电脑端显示更多 ===== */
.related-extra { display: none; }
.related-count { display: none; }
@media (min-width: 1024px) {
  .related-extra { display: block; }
  .related-count { display: inline; }
}