/* =========================================================================
   事现鉴 · 共享设计系统 (hygzz.中国)
   统一 token + 中和红条 header + 下拉导航组件 + 焦点环
   加载顺序：置于各页 <style> 之后（</head> 前），以覆盖页内冲突规则。

   ⭐ 红金配色（官方品牌色，已批准 · 2026-08-14）
   红 = 主品牌色（Hero / 横幅 / 关键标题 / 主 CTA）
   金 = 辅品牌色（描边 / 分隔 / 强调 / “创始完成”横幅）
   下列 token 为唯一权威取值，全站须引用变量，不得另写散色值。
   ========================================================================= */

:root{
  /* —— 中性基底 —— */
  --bg:#faf9f7;
  --panel:#ffffff;
  --ink:#1c1c1e;
  --text:#33373d;
  --text-dim:#666666;
  --dim:#666666;
  --muted:#666666;
  --line:#e6e2da;
  --border:#e6e2da;

  /* —— 品牌红（已批准） —— */
  --brand-red:#8E1F1F;        /* 主红：Hero / 横幅 / 关键标题 / 主 CTA */
  --brand-red-deep:#5e1414;   /* 深红：渐变终点 / 悬停 / 阴影 */
  --brand-red-bright:#A32D2D; /* 亮红：提示 / 强调 / 危险态 */
  --red:#A32D2D;              /* 别名，兼容旧引用 */
  --red-light:#fef2f2;

  /* —— 品牌金（已批准） —— */
  --brand-gold:#C9A24B;       /* 主金：描边 / 分隔 / 强调 / “创始完成”横幅 */
  --brand-gold-light:#E3C77E; /* 浅金：细节点缀 */
  --brand-gold-pale:#fef8e8;  /* 极浅金：底色填充 */
  --gold:#C9A24B;             /* 别名，兼容旧引用 */
  --gold-light:#fef8e8;
  --gold-l:#fef8e8;

  /* —— 三值语义色（UDHR 第22条 · 已批准）
     说明：A=蓝 / B=金 / C=珊瑚 为协议「三值」数据语义色，
     仅在矩阵/验算尺/公示墙的值编码处保留；全站 UI chrome 统一为红+金+中性。 —— */
  --brand:#A32D2D;            /* UI chrome 主红（原蓝已让位给协议语义色）*/
  --value-gold:#D99A2B;       /* 贡献值B 金（发展权·按劳·净值） */
  --coral:#D85A30;            /* 负贡献 珊瑚（追责） */

  /* —— 中性辅助 —— */
  --blue:#8a6d3b;             /* UI 中蓝统一降为金褐，避免杂色 */
  --green:#8a6d3b;
  --gray:#888888;

  /* —— 版式 / 形状 —— */
  --maxw:960px;
  --maxw-wide:1080px;
  --radius:14px;
  --shadow:0 2px 10px rgba(20,20,30,.05);
  --nav-h:56px;

  /* —— 品牌渐变（Hero / 横幅统一用法，勿另写） —— */
  --brand-gradient:linear-gradient(135deg,#8E1F1F 0%,#5e1414 100%);
}

/* —— 中和所有红条 header（含内联 style="linear-gradient"，!important 压过内联） —— */
header{
  background:var(--panel)!important;
  color:var(--ink)!important;
  border-bottom:1px solid var(--line)!important;
  padding:26px 18px 22px!important;
  text-align:center!important;
}
header h1{ color:var(--ink)!important; letter-spacing:.5px!important; margin:0; }
header p{ color:var(--dim)!important; opacity:1!important; margin-top:8px; }

/* —— 下拉导航组件（.sxj-nav，避免与子页原有 .nav-drop 命名冲突） —— */
.sxj-nav{ display:block; position:sticky; top:0; z-index:50; background:var(--panel); border-bottom:1px solid var(--line); }
.sxj-nav .bar{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  max-width:var(--maxw-wide); margin:0 auto; padding:0 14px; height:var(--nav-h);
}
.sxj-nav .brand{ font-weight:700; color:var(--ink); font-size:1rem; white-space:nowrap; }
.sxj-nav .trigger{
  display:inline-flex; align-items:center; gap:6px; background:var(--bg);
  border:1px solid var(--line); border-radius:10px; padding:7px 12px;
  font-size:.9rem; color:var(--text); cursor:pointer;
}
.sxj-nav .trigger:hover{ border-color:var(--brand); }
.sxj-nav .menu{
  display:none; position:absolute; left:0; right:0; top:var(--nav-h);
  background:var(--panel); border-bottom:1px solid var(--line); box-shadow:var(--shadow);
}
.sxj-nav.open .menu{ display:block; }
.sxj-nav .menu a{
  display:block; padding:12px 18px; color:var(--text);
  border-top:1px solid var(--line); font-size:.95rem;
}
.sxj-nav .menu a:first-child{ border-top:none; }
.sxj-nav .menu a:hover{ background:var(--bg); text-decoration:none; }
.sxj-nav .menu a.cur{ color:var(--brand); font-weight:700; background:#fbf3e0; }

/* —— 统一焦点环（可访问性） —— */
a:focus-visible, button:focus-visible, textarea:focus-visible,
input:focus-visible, select:focus-visible{
  outline:2px solid var(--brand); outline-offset:2px; border-radius:6px;
}

/* —— 品牌红金辅助类（按需引用，勿另写散色） —— */
.brand-gradient{ background:var(--brand-gradient); color:#fff; }
.brand-gold-rule{ height:3px; margin:0; border:0; background:linear-gradient(90deg,var(--brand-red),var(--brand-gold),var(--brand-red)); }
.gold-edge{ border:1px solid var(--brand-gold); }
.gold-text{ color:var(--brand-gold); }

/* —— 顶部导航统一红金（覆盖各页内联 .topnav，2026-08-15） —— */
.topnav{
  background:var(--brand-gradient)!important;
  border-bottom:1px solid var(--brand-gold)!important;
  color:#fff!important;
  box-shadow:0 2px 12px rgba(0,0,0,.18)!important;
}
.topnav .brand{color:#fff!important}
.topnav .brand .dot{border-color:#fff!important}
.topnav .nav-trigger{
  background:rgba(0,0,0,.18)!important;color:#fff!important;
  border:1px solid rgba(201,162,75,.5)!important;
}
.topnav .nav-trigger:hover{background:rgba(0,0,0,.3)!important}
.topnav .nav-drop{
  background:#3a1414!important;border:1px solid var(--brand-gold)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.35)!important;
}
.topnav .nav-drop a{color:#f3e6c4!important}
.topnav .nav-drop a:hover{background:rgba(201,162,75,.2)!important;color:#fff!important}
.topnav .nav-drop a.cur{color:#E3C77E!important;background:rgba(201,162,75,.22)!important;font-weight:600}

/* —— 双墙定调横幅（国内墙：主化债） —— */
.sxj-role-banner{
  max-width:1100px;margin:16px auto 0;padding:10px 18px;
  background:rgba(201,162,75,.14);border:1px solid rgba(201,162,75,.5);
  border-radius:12px;font-size:.82rem;color:#E3C77E;text-align:center;line-height:1.7;
}
.sxj-role-banner a{color:#E3C77E;text-decoration:underline}

/* —— 轻量响应式（统一断点） —— */
@media (max-width:640px){
  header h1{ font-size:1.25rem!important; }
}