/* ============================================================
   桢知科技官网设计 Token（全站统一读取）
   依据：DESIGN_SYSTEM.md / V3.1 设计稿第六节至第十一节
   说明：本文件只含 CSS 自定义属性，不改变任何既有页面表现。
   命名统一加 --zk- 前缀，避免与历史样式变量冲突。
   ============================================================ */
:root {
  /* 文字色 */
  --zk-ink: #091328;            /* H1/H2/重要标题 */
  --zk-text: #2f3b52;           /* 正文与普通标题 */
  --zk-muted: #6b778d;          /* 说明文字 */
  --zk-muted-2: #8a96a8;        /* 次要信息、时间、状态 */

  /* 品牌蓝（每个板块只保留一个蓝色视觉焦点） */
  --zk-primary: #2e67f8;
  --zk-primary-hover: #1d4bd2;
  --zk-primary-light: #4d85ff;
  --zk-primary-soft: #edf4ff;
  --zk-primary-pale: #f6f9ff;

  /* 状态色（只用于真实状态，不作装饰） */
  --zk-success: #19a96b;
  --zk-success-soft: #eaf8f2;
  --zk-warning: #ff7a45;
  --zk-warning-soft: #fff3ec;

  /* 表面与边框 */
  --zk-surface: #f7f9fc;
  --zk-surface-2: #f1f5fb;
  --zk-line: #e2e8f1;
  --zk-line-strong: #d2dbe9;
  --zk-white: #ffffff;

  /* 阴影：大=首屏核心视觉；中=大型交互容器；小=普通卡片 */
  --zk-shadow-lg: 0 34px 90px rgba(24, 52, 103, 0.16);
  --zk-shadow-md: 0 18px 48px rgba(25, 52, 96, 0.10);
  --zk-shadow-sm: 0 10px 26px rgba(25, 52, 96, 0.07);

  /* 圆角：32 大容器 / 24 核心卡片 / 18 普通卡片 / 12 按钮输入框 / 999 标签 */
  --zk-radius-xl: 32px;
  --zk-radius-lg: 24px;
  --zk-radius-md: 18px;
  --zk-radius-sm: 12px;
  --zk-radius-pill: 999px;

  /* 间距刻度（4/8 基线） */
  --zk-space-1: 4px;
  --zk-space-2: 8px;
  --zk-space-3: 12px;
  --zk-space-4: 16px;
  --zk-space-5: 20px;
  --zk-space-6: 24px;
  --zk-space-8: 32px;
  --zk-space-10: 40px;
  --zk-space-12: 48px;
  --zk-space-16: 64px;
  --zk-space-20: 80px;
  --zk-space-24: 96px;
  --zk-space-27: 108px;

  /* 字体栈与字号（桌面端；移动端在组件内降级） */
  --zk-font-family: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --zk-text-h1: clamp(46px, 4.05vw, 58px);
  --zk-text-h2: clamp(38px, 3.3vw, 48px);
  --zk-text-h3: 35px;
  --zk-text-card-title: 25px;
  --zk-text-body: 16px;
  --zk-text-caption: 13px;

  /* 布局 */
  --zk-container: 1240px;
  --zk-header-height: 72px;

  /* 层级 */
  --zk-z-header: 80;
  --zk-z-sticky-bar: 90;
  --zk-z-dialog: 100;

  /* 动效：150–280ms 轻缓曲线 */
  --zk-motion-fast: 150ms ease;
  --zk-motion-base: 200ms ease;
  --zk-motion-slow: 280ms cubic-bezier(0.33, 1, 0.68, 1);
}

/* 断点（自定义属性不能用于媒体查询，此处仅作全局约定记录）：
   桌面端 > 1080px；平板端 721–1080px；移动端 ≤ 720px。 */