/* ===== 恒鼎 VI 真实色板（2026-09-07 鑫哥提供）=====

  标准色（logo 主色）：
    品牌红   CMYK 0/100/100/15   → #D90000
    品牌黑   CMYK 20/0/0/100     → #000000

  背景色（页面/区块底色）：
    主背景    白                  → #FFFFFF
    深色块    黑                  → #000000

  辅助色：
    浅灰      CMYK 0/0/0/30       → #B3B3B3
    深灰      CMYK 0/0/0/60       → #666666
    暖橙      CMYK 0/50/100/0     → #FF8000
    深蓝灰    CMYK 60/45/45/30    → #476262
    专色金    PANTONE 874C        → #8E6327（RGB 近似；印刷烫金工艺）
    专色银    PANTONE 877C        → #9C9C9C（RGB 近似；印刷烫银工艺）

  注：PANTONE 874C/877C 是印刷专色（金属），
  屏幕上无"真金属感"，logo 实际渲染用红色或黑色。
=========================================================== */

:root{
  /* === 标准色（logo 主色，导航/主按钮/标题强调）=== */
  --hz-brand:        #D90000;     /* 品牌红 */
  --hz-brand-dark:   #B30000;     /* 红色 hover/激活 */
  --hz-brand-2:      #000000;     /* 品牌黑（标题/文字） */

  /* === 背景色 === */
  --hz-bg:           #FFFFFF;     /* 页面主背景 */
  --hz-bg-dark:      #000000;     /* 深色块（hero / 页脚底） */
  --hz-bg-soft:      #F7F7F7;     /* 浅块/分隔条 */

  /* === 辅助色 === */
  --hz-gray-30:      #B3B3B3;     /* 浅灰（K30）*/
  --hz-gray-60:      #666666;     /* 深灰（K60）*/
  --hz-orange:       #FF8000;     /* 暖橙（强调/标签） */
  --hz-bluegray:     #476262;     /* 深蓝灰（行业冷调平衡） */
  --hz-gold:         #8E6327;     /* PANTONE 874C 金，RGB 近似 */
  --hz-silver:       #9C9C9C;     /* PANTONE 877C 银，RGB 近似 */

  /* === 文本 / 边框 === */
  --hz-text:         #1a1a1a;     /* 主文本（近黑，比纯黑柔和） */
  --hz-text-muted:   #666666;     /* 次要文本（= hz-gray-60） */
  --hz-text-inverse: #FFFFFF;     /* 深底反白文字 */
  --hz-link:         var(--hz-brand);
  --hz-link-hover:   var(--hz-brand-dark);
  --hz-border:       #e5e5e5;
  --hz-divider:      #B3B3B3;     /* = hz-gray-30 */

  /* === 布局 === */
  --hz-maxw:         1200px;
}

/* ===== 基础重置 ===== */
*,*::before,*::after{ box-sizing:border-box; }
img{ max-width:100%; height:auto; }
body{
  color:var(--hz-text);
  background:var(--hz-bg);
  font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;
  line-height:1.7;
}
a{ color:var(--hz-link); text-decoration:none; transition:color .15s; }
a:hover, a:focus{ color:var(--hz-link-hover); }

/* ===== 品牌色应用示例（阶段 3 落地后可见效果；阶段 4/6 会扩展）===== */
.hz-btn-primary{
  display:inline-block; padding:10px 24px;
  background:var(--hz-brand); color:#fff;
  border:0; border-radius:2px;
  font-size:14px; font-weight:500;
  transition:background .15s;
}
.hz-btn-primary:hover{ background:var(--hz-brand-dark); color:#fff; }

/* ===== 布局容器 ===== */
.container{ max-width:var(--hz-maxw); margin:0 auto; padding:0 16px; }

/* ===== 首页两栏 home-left(65%) / home-right(35%) ===== */
.home-columns{
  display:grid;
  grid-template-columns:65% 35%;
  gap:24px;
  max-width:var(--hz-maxw);
  margin:32px auto;
  padding:0 16px;
}
.home-col h2,.home-col h3{ color:var(--hz-brand-2); }
.home-col--right{ border-left:1px solid var(--hz-divider); padding-left:24px; }

/* ===== 响应式：窄屏单栏堆叠 ===== */
@media (max-width:768px){
  .home-columns{ grid-template-columns:1fr; gap:20px; }
  .home-col--right{ border-left:none; padding-left:0; border-top:1px solid var(--hz-divider); padding-top:20px; }
}