/* ============================================================
   鸿福官网 · 新中式东方美学 共享视觉地基 (brand.css)
   B 方向：墨蓝 #0F2A3A / 福金 #C99A2E / 竹青 #5A7A5A / 宣纸米白 #F5F0E6
   本文件为「底层0」，前后台统一引用，逐步替代散落的 --cyan 与四色硬编码
   ============================================================ */

:root{
  /* —— 新中式主色（与 show.html :root 互补，全局可用）—— */
  --bamboo:#5A7A5A;  --bamboo-l:rgba(90,122,90,.12);  --bamboo-d:#486148;
  --paper:#F5F0E6;   --paper-d:#e7ddc9;
  --ink-navy:#0F2A3A;                                   /* --navy 同义别名 */
  --gold:#C99A2E;     --gold-l:rgba(201,154,46,.12);   --gold-d:#b3861f;
  --cyan:#0E8FA8;     --cyan-l:#e6f5f8;                --cyan-d:#0c7a90;
  --navy:#0F2A3A;     --navy-d:#0a1f2c;

  /* —— 字体系统（B 调性核心：标题书法/宋体，正文黑体）—— */
  --font-title:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;
  --font-body:"Noto Sans SC",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
}

/* ============ 统一标签色板（前后台共用，替代原四色/青色硬编码）============ */
.hf-tag{display:inline-block;font-size:12px;padding:3px 12px;border-radius:14px;font-weight:500;line-height:1.6;border:1px solid transparent;white-space:nowrap}
.hf-tag-cat{background:var(--cyan-l);color:var(--cyan-d);border-color:rgba(14,143,168,.2)}      /* 分类 = 青 */
.hf-tag-ok{background:#f6ffed;color:#52c41a;border-color:#b7eb8f}                              /* 已发布 = 绿 */
.hf-tag-wait{background:#fffbe6;color:#faad14;border-color:#ffe58f}                            /* 草稿 = 金 */
.hf-tag-blue{background:var(--cyan-l);color:var(--cyan-d);border-color:rgba(14,143,168,.2)}     /* 蓝 = 青 */
.hf-tag-gray{background:#f0f2f5;color:#8a9099;border-color:#e6e8eb}                            /* 灰 = 次要 */
.hf-tag-bamboo{background:var(--bamboo-l);color:var(--bamboo-d);border-color:rgba(90,122,90,.25)} /* 竹藤家具 = 竹青 */
.hf-tag-navy{background:rgba(15,42,58,.08);color:var(--navy);border-color:rgba(15,42,58,.2)}   /* 自贸港/外贸 = 墨蓝 */
.hf-tag-gold{background:var(--gold-l);color:var(--gold-d);border-color:rgba(201,154,46,.3)}     /* 非遗/匠心 = 福金 */

/* ============ 新中式空态插画容器（.empty 升级用）============ */
.hf-empty{
  text-align:center;padding:48px 24px;background:linear-gradient(180deg,#fff,var(--paper));
  border:1px dashed var(--bamboo);border-radius:var(--radius,16px);
}
.hf-empty .hf-illo{width:96px;height:96px;margin:0 auto 16px;display:block;opacity:.92}
.hf-empty .hf-t{font-size:15px;color:var(--navy);font-weight:700;margin-bottom:6px;font-family:var(--font-title)}
.hf-empty .hf-d{font-size:13px;color:#7a8aa0;margin-bottom:18px}
.hf-empty .hf-btn{
  display:inline-flex;align-items:center;gap:6px;background:var(--grad-gold,linear-gradient(135deg,var(--gold),var(--gold-d)));
  color:#1a1205;font-weight:800;font-size:13.5px;padding:10px 22px;border:none;border-radius:22px;cursor:pointer;
  box-shadow:0 4px 14px rgba(201,154,46,.3);transition:.2s;font-family:var(--font-body)
}
.hf-empty .hf-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* ============ 品牌图形：海水江崖纹底边（hero / 区块分割复用）============ */
.hf-wave{display:block;width:100%;height:auto}
.hf-seal{                                  /* 福纹暗纹印章占位（图形非文字） */
  display:inline-flex;align-items:center;justify-content:center;
  border:2px solid var(--gold);border-radius:8px;color:var(--gold);
  font-family:var(--font-title);font-weight:900
}

/* ============ 标题统一用书法/宋体（B 调性落地）============ */
.hf-serif{font-family:var(--font-title)}
.sec-title,.hero h1,.slogan-bar .sl-text,.core-card h3,.matrix-card h4,
.flow-pill,.step h4,.consultant-card .con-name{font-family:var(--font-title)}