/* ============================================================================
 * 设计变量（tokens）——唯一来源
 * ========================================================================== */
:root {
  color-scheme: light;

  /* ---- 色板 ------------------------------------------------------------ */
  --ink: #0b0b0c;            /* 主文字（近黑） */
  --ink-soft: #484846;       /* 正文次级文字 */
  --ink-muted: #777;         /* 弱化文字（业务卡 label / 图标） */
  --paper: #f3f2ee;          /* 页面背景（暖纸） */
  --paper-deep: #e9e8e3;     /* 业务能力区背景 */
  --surface: #ffffff;        /* 卡片/内容面 */
  --line: #d5d4cf;           /* 发丝线（通用） */
  --line-soft: #d6d6d3;      /* 服务卡描边 */
  --line-hover: #aebbd0;     /* 服务卡 hover 描边 */

  --blue: #1268f4;           /* 品牌蓝（主强调） */
  --blue-deep: #0759dd;      /* 品牌蓝 hover 深色 */
  --blue-soft: rgba(18, 104, 244, .08);  /* 品牌蓝淡染底 */
  --on-blue: #ffffff;        /* 蓝底上的文字 */
  --focus-ring: #79a8ff;     /* 键盘焦点环 */

  /* 深色区（顶栏 / 轮播舞台 / 页脚） */
  --dark-bg: #080808;        /* 顶栏 / 页脚背景 */
  --dark-stage: #07070a;     /* 首页轮播舞台背景 */
  --dark-data-hero: #0d0d0e; /* 详情页 hero 背景 */
  --dark-text: #ffffff;      /* 深色区主文字 */
  --dark-text-2: rgb(255 255 255 / 78%);  /* 深色区次级文字 */
  --dark-text-3: rgb(255 255 255 / 55%);  /* 深色区弱化文字（轮播页签） */
  --dark-line: rgb(255 255 255 / 8%);     /* 深色区发丝线（顶栏底） */
  --dark-line-strong: #202025;            /* 深色区强分隔线（舞台底） */
  --dark-line-hero: #242426;              /* 详情页 hero 底分隔线 */
  --dark-hover: #1d1d1d;     /* 深色区标签 hover 底 */
  --dark-active: #303030;    /* 深色区标签激活底 */
  --dark-scrim: rgb(0 0 0 / 60%);         /* 轮播图暗罩 */
  --dark-vignette: rgb(0 0 0 / 90%);      /* 轮播底部渐隐 */

  /* 数据页专属（首字下沉 / 服务卡占位） */
  --data-green: #177a43;     /* 首字下沉底（数据页） */
  --data-green-line: #126638;
  --data-dropcap-shadow: rgb(13 26 17 / 35%);
  --media-placeholder: #b9f30b;           /* 服务卡媒体区占位（图片未加载时） */
  --media-ring: rgb(255 255 255 / 22%);   /* 团队照内描边 */

  /* 硬偏移投影（团队照标志性细节） */
  --sticker-shadow: 18px 18px 0 #d9d8d3;

  /* ---- 阴影 ------------------------------------------------------------ */
  --shadow-header: 0 8px 24px rgb(0 0 0 / 28%);          /* 顶栏滚动态 */
  --shadow-ai: 0 8px 22px rgb(18 104 244 / 18%);         /* AI 按钮 */
  --shadow-ai-hover: 0 12px 28px rgb(18 104 244 / 28%);
  --shadow-pill: 0 10px 26px rgb(18 104 244 / 28%);      /* 轮播 CTA */
  --shadow-pill-hover: 0 14px 34px rgb(18 104 244 / 38%);
  --shadow-card: 0 12px 26px rgb(25 41 66 / 10%);        /* 服务卡 hover */

  /* ---- 圆角 ------------------------------------------------------------ */
  --radius-tab: 7px;         /* 顶栏标签 / 轮播页签 */
  --radius-ai: 14px;         /* AI 按钮 */
  --radius-logo: 10px;       /* 项目 logo */
  --radius-pill: 999px;      /* pill 按钮 */

  /* ---- 字体 ------------------------------------------------------------ */
  --font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Hiragino Sans GB", Arial, sans-serif;
  --font-mono: Consolas, "Cascadia Mono", "SF Mono", monospace;

  /* 字号阶梯（clamp 流体） */
  --fs-brand: clamp(18px, 1.45vw, 24px);      /* 顶栏站名 */
  --fs-nav: 15px;                             /* 顶栏标签 */
  --fs-eyebrow: 13px;                         /* 眉批（轮播） */
  --fs-hero: clamp(52px, 5.4vw, 88px);        /* 轮播 H1 */
  --fs-hero-p: clamp(16px, 1.4vw, 20px);      /* 轮播文案 */
  --fs-intro-h1: clamp(43px, 4.2vw, 68px);    /* 团队介绍 H1 */
  --fs-section-h2: clamp(42px, 4.6vw, 72px);  /* 业务能力 H2 */
  --fs-page-hero-cn: clamp(38px, 3.6vw, 58px); /* 详情页 hero 中文标题 */
  --fs-page-hero-en: clamp(11px, .9vw, 15px); /* 详情页 hero 英文副标 */
  --fs-section-title: clamp(31px, 2.8vw, 42px); /* 详情页区块标题 */
  --fs-service-h3: clamp(18px, 1.25vw, 23px); /* 服务卡标题 */
  --fs-biz-h3: clamp(17px, 1.55vw, 23px);     /* 业务能力卡标题 */
  --fs-body: clamp(15px, 1.22vw, 18px);       /* 正文 */
  --fs-intro-copy: clamp(16px, 1.3vw, 19px);  /* 详情页 intro */
  --fs-small: 12px;
  --fs-tiny: 11px;
  --fs-mini: 10px;

  /* ---- 间距（fluid 段落留白） ------------------------------------------ */
  --pad-section: clamp(86px, 9vw, 144px);      /* 团队介绍区纵向 */
  --pad-section-2: clamp(74px, 8vw, 126px);    /* 业务能力区纵向 */
  --pad-section-3: clamp(74px, 8vw, 116px);    /* 业务介绍区纵向 */

  /* ---- 内容最大宽度 ---------------------------------------------------- */
  --w-content: 1320px;       /* 团队介绍 / 业务能力内容 */
  --w-tabs: 1280px;          /* 轮播页签条 */
  --w-who: 980px;            /* 业务介绍正文 */

  /* ---- 触控 / 无障碍 ---------------------------------------------------- */
  --tap-min: 44px;
  --header-h: 84px;

  /* ---- 动效 ------------------------------------------------------------ */
  --ease-riot: cubic-bezier(0.06, 0.81, 0, 0.98);   /* 全局标志性缓动 */
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --dur: 220ms;
  --dur-reveal: 300ms;

  /* ---- 断点（main.css 媒体查询用，仅供阅读对齐） ------------------------ */
  /* 1160 / 860 / 620 / 420 */
}