/* ══════════════════════════════════════════════════════════════
   御螯科技 · 品牌设计令牌（Brand Design Tokens）
   全站唯一样式来源：index.html / brandstory.html 共用。
   取值以《御螯科技-超级智螯-品牌标识设计稿 V1.0》VI 表为准。
   仅含令牌与极小原子类，不含任何布局规则。
   ══════════════════════════════════════════════════════════════ */
:root{
  /* ── 母品牌 · 螯钳（深海军蓝 → 科技蓝） ── */
  --navy-950:#04182E;
  --navy-900:#062442;
  --navy-800:#0A2A50;
  --navy-700:#0B2F83;   /* 品牌最深蓝，VI「母品牌·螯钳」起点 */
  --blue-600:#1565D8;
  --blue-500:#1E93E8;
  --cyan-400:#23BDF2;

  /* ── 金珠 ── */
  --gold-500:#F5BE3F;
  --gold-600:#D98A16;
  --gold-deep:#B08830;

  /* ── 文字色阶（4 级以内） ── */
  --ink:#16160E;        /* 主文字 · 墨黑 */
  --ink-2:#2A4560;      /* 次级标题 */
  --text:#1B2735;       /* 正文 */
  --sub:#5C6F86;        /* 辅助说明 */
  --sub-2:#8A9AAC;      /* 极弱说明 */

  /* ── 线条与底色 ── */
  --line:#E4EBF6;
  --line-soft:#EFF4FB;
  --bg:#FFFFFF;
  --bg-soft:#F6F9FE;
  --bg-blue-soft:#EEF4FD;

  /* ── 圆角（3 级） ── */
  --r-sm:12px;
  --r-md:18px;
  --r-lg:26px;

  /* ── 阴影（3 级，全站不得再出现零散内联阴影） ── */
  --shadow-sm:0 1px 2px rgba(11,47,131,.04),0 4px 16px rgba(11,47,131,.05);
  --shadow:0 4px 22px rgba(11,47,131,.07);
  --shadow-lg:0 20px 60px rgba(11,47,131,.13);

  /* ── 渐变 ── */
  --grad-brand:linear-gradient(120deg,#0B2F83 0%,#1565D8 52%,#23BDF2 100%);
  --grad-line:linear-gradient(90deg,#0B2F83,#1565D8 55%,#23BDF2);

  /* ── 尺度 ── */
  --max:1200px;
  --nav-h:72px;

  /* ── 字体（含本地兜底，CDN 不可用时页面依旧成立） ── */
  --font:"Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,sans-serif;
  --mono:"JetBrains Mono",Consolas,monospace;
  --ease:cubic-bezier(.22,.61,.36,1);

  /* ── 体系强调色（VI：珊瑚红仅限产品端） ── */
  --coral:#C0392B;
  --space:#1A2A3A;

  /* ══ 兼容别名：把两页历史命名收敛到上面的正典令牌 ══ */
  /* index.html 历史命名 */
  --gold:var(--gold-500);
  --line-2:var(--line-soft);
  --soft:var(--bg-soft);
  --soft-2:var(--bg-blue-soft);
  --radius-sm:var(--r-sm);
  --radius:var(--r-md);
  --radius-lg:var(--r-lg);
  /* brandstory.html 历史命名 */
  --blue-900:var(--navy-700);
  --blue-700:#1148AE;
  --blue-400:var(--cyan-400);
  --blue-050:var(--bg-blue-soft);
  --blue-025:var(--bg-soft);
  --gold-soft:#FFE9B0;
  --muted:var(--sub);
  --muted-2:var(--sub-2);
  --shadow-md:var(--shadow);
  --maxw:var(--max);
}

/* ── 原子类：两页共用的极小工具，不承担布局 ── */
.visually-hidden{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}