:root {
  /* —— 品牌色板（取自公司 logo：深海军蓝漩涡 + 青蓝高光 + 蓝绿点阵） —— */
  --wind-paper:      #F8FAFC;  /* 冷白纸底 */
  --wind-paper-2:    #EEF3F7;  /* 浅蓝灰分区底 */
  --wind-card:       #FFFFFF;
  --wind-card-hover: #F7F9FC;
  --wind-ink:        #143A70;  /* 深海军蓝 · 主色 / 正文 */
  --wind-ink-soft:   #4D6078;  /* 次级文字（蓝灰） */
  --wind-ink-faint:  #8C9DB2;  /* 弱化文字 */
  --wind-line:       #DDE4EB;  /* 边线 */
  --wind-line-ink:   #C2CEDB;  /* 深一档边线 */
  --wind-green:      #0E8F86;  /* Teal · AI 活性 / 通过 */
  --wind-green-soft: #DFF1EF;
  --wind-blue:       #2B7FC4;  /* 青蓝 · 确定性引擎 / 次强调 */
  --wind-blue-soft:  #E3F0FA;
  --wind-amber:      #E8920A;  /* 琥珀 · 仅告警 / 差异语义 */
  --wind-amber-soft: #FCF1DC;
  --wind-teal:       #36D0C5;  /* 高亮青 · 实时 / 强调高光 */

  /* —— 字体 —— */
  --wind-serif: 'Noto Serif SC', Georgia, serif;
  --wind-sans:  'Noto Sans SC', Inter, system-ui, sans-serif;
  --wind-mono:  'JetBrains Mono', monospace;

  /* —— 布局 —— */
  --wind-content-max: 1720px;
  --wind-content-pad: 40px;

  /* —— 工程方格纸背景（两页统一：细格 36px + 粗格 180px） —— */
  --wind-grid:
    linear-gradient(rgba(20,58,112,0.045) 1.5px, transparent 1.5px),
    linear-gradient(90deg, rgba(20,58,112,0.045) 1.5px, transparent 1.5px),
    linear-gradient(rgba(20,58,112,0.07) 1.5px, transparent 1.5px),
    linear-gradient(90deg, rgba(20,58,112,0.07) 1.5px, transparent 1.5px);
  --wind-grid-size: 36px 36px, 36px 36px, 180px 180px, 180px 180px;
}

/* 让 px 文本也尊重用户的浏览器缩放，禁止移动端横屏自动放大文字 */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }