/*
Theme Name: 企业模板 01 · 变体 A（冷蓝）
Template: revive-corp
Description: 变体 A（冷蓝）：配色与密度微调（仅配色与版式变量，不改结构）
Version: 1.0.0
Template Version: v1.0.0
*/

/* ---------- 配色：工业蓝灰（机械/制造行业） ---------- */
:root {
  --rv-primary: #12507e;
  --rv-primary-dark: #0d3d61;
  --rv-primary-light: #eaf2f8;
  --rv-accent: #2b81b8;
  --rv-dark: #0f2233;
  --rv-dark-2: #17334a;
  --rv-bg-2: #f4f7f9;
  --rv-bg-3: #e9eff4;
  --rv-radius: 4px;
  --rv-radius-lg: 8px;
}

/* ---------- 版式差异 1：列表大图（首页/栏目列表的缩略图更大） ---------- */
:root {
  --rv-thumb-w: 300px;
  --rv-thumb-h: 184px;
}

/* ---------- 版式差异 2：分节更紧凑 + 标题左侧竖条风格 ---------- */
:root { --rv-section-pad: 56px; }

.rv-head h2 { padding-bottom: 0; font-size: 28px; }
.rv-head h2::after { display: none; }
.rv-head h2::before {
  content: ""; display: inline-block; width: 5px; height: 22px;
  background: var(--rv-primary); border-radius: 2px;
  margin-right: 12px; vertical-align: -3px;
}
.rv-head { text-align: left; }
.rv-head p { margin-top: 6px; }

/* ---------- 版式差异 3：服务卡编号改为右上角水印 ---------- */
.rv-service { padding: 26px 22px; border-radius: var(--rv-radius-lg); }
.rv-service-icon {
  width: 46px; height: 46px; border-radius: 8px; font-size: 18px;
  background: #fff; border: 1px solid var(--rv-primary-light); color: var(--rv-primary);
}
.rv-service:hover .rv-service-icon { background: var(--rv-primary); color: #fff; }

/* ---------- 版式差异 4：Hero 更矮、信息更靠左 ---------- */
.rv-hero-slide.is-active { aspect-ratio: 1200 / 400; }
.rv-hero-slide::after {
  background: linear-gradient(180deg, rgba(10, 25, 40, .12) 0%, rgba(10, 25, 40, 0) 45%, rgba(10, 25, 40, .22) 100%);
}
.rv-hero-dots { bottom: 14px; }

/* ---------- 版式差异 5：侧栏卡片扁平化 ---------- */
.rv-widget { border-radius: var(--rv-radius-lg); box-shadow: none; }
.rv-sidebar { gap: 18px; }

/* ---------- 响应式微调 ---------- */
@media (max-width: 1080px) {
  :root { --rv-thumb-w: 240px; --rv-thumb-h: 150px; }
}

/* 手机端：Banner 裁切填充、卡片略矮，避免过高 */
@media (max-width: 768px) {
  .rv-hero-slide.is-active { aspect-ratio: 16 / 10; background-size: cover; }
  .rv-card-thumb { aspect-ratio: 16 / 10; }
}