/* =========================================================================
   N8-CAR 设计令牌层
   方向：深空蓝 HUD / 工业仪表盘（Industrial-utilitarian × retro-futuristic）
   底色：深空藏蓝近黑；强调色：单一 电蓝（只留给关键动作与关键数据）
   ========================================================================= */

:root {
  /* ---- 表面 ---- */
  --c-void:        #030710;   /* 最底：视口背景 */
  --c-bg:          #050a15;   /* 页面背景 */
  --c-surface:     #0a1322;   /* 卡片 / 面板 */
  --c-surface-2:   #0f1b2f;   /* 抬高一级面板 */
  --c-surface-3:   #16273f;   /* 悬停 / 选中 */
  --c-line:        rgba(120, 170, 225, 0.14);  /* 发丝分隔线 */
  --c-line-strong: rgba(120, 170, 225, 0.30);

  /* ---- 文字 ---- */
  --c-text:        #e6effb;
  --c-text-soft:   #b7cae2;
  --c-muted:       #8ba2c0;   /* 对比度 ≈ 7.5:1 on --c-bg */
  --c-faint:       #5b7799;   /* 仅用于装饰性标签，非正文 */

  /* ---- 强调色（单一） ---- */
  --c-accent:      #35a7ff;   /* 电蓝：CTA、关键高亮、激活态 */
  --c-accent-deep: #0f7fe6;
  --c-accent-dim:  rgba(53, 167, 255, 0.14);
  --c-on-accent:   #04121f;

  /* ---- 数据墨色（仅图表/数值，不用于交互强调） ---- */
  --c-ink-cyan:    #55e6ff;
  --c-ink-blue:    #6b8cff;
  --c-ink-amber:   #ffb43d;
  --c-ink-alert:   #ff5d5d;
  --c-ink-ok:      #4ade80;

  /* ---- 字体 ---- */
  --font-display: "Chakra Petch", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body:    "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono:    "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* 模块化字阶 1.25 */
  --fs-xs:   12px;
  --fs-sm:   13px;
  --fs-base: 15px;
  --fs-md:   17px;
  --fs-lg:   21px;
  --fs-xl:   27px;
  --fs-2xl:  34px;
  --fs-3xl:  42px;
  --fs-4xl:  54px;
  --fs-5xl:  68px;
  --fs-6xl:  88px;

  --lh-tight: 1.04;
  --lh-snug:  1.2;
  --lh-body:  1.75;   /* 中文正文 >= 1.7 */

  --tr-display: -0.03em;
  --tr-body:    0.02em;

  /* ---- 间距梯度 ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --s-9: 96px; --s-10: 128px;

  /* ---- 圆角（工业感：小圆角，不做胶囊通用） ---- */
  --r-xs: 2px; --r-sm: 4px; --r-md: 8px; --r-lg: 14px; --r-pill: 999px;

  /* ---- 阴影（带环境色，非纯黑） ---- */
  --sh-1: 0 2px 8px rgba(2, 6, 12, 0.5);
  --sh-2: 0 8px 28px rgba(2, 6, 12, 0.62);
  --sh-3: 0 24px 64px rgba(2, 6, 12, 0.75);
  --sh-glow: 0 0 0 1px rgba(53, 167, 255, 0.35), 0 12px 40px rgba(20, 110, 200, 0.22);

  /* ---- 动效 ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;
  --dur-scene: 800ms;

  /* ---- 布局 ---- */
  --wrap: 1280px;
  --header-h: 50px;
  --statusbar-h: 34px;
}

/* 亮色例外：仅用于「产品界面截图」容器，保持原软件蓝白观感 */
.panel-light {
  --c-surface: #f4f7fb;
  --c-surface-2: #ffffff;
  --c-text: #16202c;
  --c-text-soft: #3c4a5c;
  --c-muted: #5c6b7e;
}

/* 备案信息行：页面最底端 */
.footer__icp {
  margin-top: var(--s-4); padding-top: var(--s-4);
  border-top: 1px solid var(--c-line);
  text-align: center;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em;
  color: var(--c-faint);
}
.footer__icp a { color: var(--c-faint); transition: color var(--dur-fast) var(--ease-out); }
.footer__icp a:hover { color: var(--c-accent); }