/* ==========================================================================
   星珑智联 · 设计令牌（Design Tokens）v1.1
   方向：Industrial / 工业实用 —— 深空蓝黑底 + 科技双色带（青 → 黄绿 → 暖金）
   规则：组件内一律引用变量，禁止硬编码色值
   ========================================================================== */

/* ---------- 自托管等宽字（工业质感来源，latin 子集共 43KB） ---------- */
@font-face{
  font-family:"JetBrains Mono";
  src:url("/assets/fonts/jbmono-400.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"JetBrains Mono";
  src:url("/assets/fonts/jbmono-700.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap;
}

:root{
  /* ===== 色彩体系 =====
     底：深空蓝黑（工业硬核必须由暗色承载）
     主强调：电光蓝，承担关键动作
     辅强调：青（数据/科技） + 黄绿（点睛/成长），构成"科技双色带"
     暖端：暖金，仅出现在渐变的收尾处                              */
  --c-void:      #04070D;   /* 最深（页脚/首屏顶） */
  --c-bg:        #070B14;   /* 页面底 */
  --c-surface:   #0C1220;   /* 卡片面 */
  --c-surface-2: #121B2E;   /* 抬升面 / hover */
  --c-navy:      #0A1F44;   /* 品牌深蓝 */
  --c-navy-2:    #0B2E59;   /* 品牌深蓝（亮） */

  --c-line:        rgba(140,170,220,.14);  /* 发丝边框 */
  --c-line-strong: rgba(140,170,220,.30);

  --c-text:   #E9EFF9;      /* 正文（对比度 ≈ 15:1 on --c-bg） */
  --c-muted:  #93A5C0;      /* 次要文本（对比度 ≈ 7.2:1） */
  --c-dim:    #61738D;      /* 弱化文本（对比度 ≈ 4.6:1，仅限大字号） */

  --c-accent:   #1E6FFF;    /* 电光蓝 · 主强调 */
  --c-accent-2: #00D4FF;    /* 青高光 · 数据 / 科技 */
  --c-lime:     #A6E635;    /* 黄绿 · 次强调（成长的黄绿，点睛用） */
  --c-lime-2:   #74D93B;    /* 黄绿（深一档，描边 / 底衬） */
  --c-amber:    #F7C948;    /* 暖金 · 渐变暖端（仅收尾，不作色块） */
  --c-ok:       #2FE6A0;    /* 在线 / 正常 */
  --c-warn:     #FFB020;    /* 注意 */

  --c-accent-soft: rgba(30,111,255,.12);
  --c-accent-line: rgba(30,111,255,.42);
  --c-cyan-soft:   rgba(0,212,255,.10);
  --c-lime-soft:   rgba(166,230,53,.12);
  --c-lime-line:   rgba(166,230,53,.40);

  /* 签名渐变：呼应"青 → 黄绿 → 暖金"的科技色带 */
  --grad-brand: linear-gradient(98deg, var(--c-accent-2) 0%, var(--c-lime) 56%, var(--c-amber) 100%);
  --grad-cool:  linear-gradient(98deg, var(--c-accent-2), var(--c-accent));
  --grad-warm:  linear-gradient(98deg, var(--c-lime-2), var(--c-lime) 52%, var(--c-amber));
  --grad-full:  linear-gradient(98deg, var(--c-accent) 0%, var(--c-accent-2) 34%, var(--c-lime) 68%, var(--c-amber) 100%);
  --grad-line:  linear-gradient(90deg, transparent, var(--c-accent-2), var(--c-lime), transparent);

  /* ===== 字体 ===== */
  /* 中文正文/展示：系统高质量黑体栈（CJK 字体文件体积大，不引外链，性能优先）
     拉丁与数据：JetBrains Mono 等宽 —— 工业质感的来源 */
  --f-sans:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Noto Sans SC",
           "Microsoft YaHei UI","Microsoft YaHei",-apple-system,BlinkMacSystemFont,
           "Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono","Cascadia Code",Consolas,
           "SF Mono",Menlo,"DejaVu Sans Mono",monospace;

  /* 模块化字阶（比例 1.25） */
  --fs-xs:   12px;
  --fs-sm:   13.5px;
  --fs-base: 15.5px;
  --fs-md:   17px;
  --fs-lg:   21px;
  --fs-xl:   26px;
  --fs-2xl:  33px;
  --fs-3xl:  42px;
  --fs-4xl:  clamp(38px, 5.4vw, 58px);
  --fs-5xl:  clamp(44px, 7vw,  76px);

  --lh-tight: 1.06;   /* 大标题 */
  --lh-snug:  1.3;
  --lh-base:  1.72;   /* 中文正文 */

  --ls-display: -0.022em;  /* 大标题负字距 */
  --ls-tight:   -0.012em;
  --ls-wide:     0.14em;   /* mono 标签正字距 */
  --ls-wider:    0.24em;

  /* ===== 间距梯度 ===== */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px;  --sp-6: 40px;  --sp-7: 64px;  --sp-8: 96px;  --sp-9: 128px;

  /* ===== 圆角（工业 = 克制的直角） ===== */
  --r-xs: 2px; --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-pill: 999px;

  --wrap: 1220px;

  /* ===== 阴影（环境带蓝，不用纯黑） ===== */
  --sh-1: 0 2px 8px  rgba(2,8,20,.5);
  --sh-2: 0 10px 30px rgba(2,8,20,.55);
  --sh-3: 0 28px 70px rgba(2,8,20,.62);
  --sh-glow: 0 0 0 1px var(--c-accent-line), 0 12px 40px rgba(30,111,255,.22);
  --sh-glow-lime: 0 0 0 1px var(--c-lime-line), 0 12px 40px rgba(166,230,53,.18);

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

/* 渐变文字工具（签名色带，用于关键短语） */
.gtext{
  background:var(--grad-brand);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;
  background-size:200% 100%;
  animation:gflow 9s linear infinite;
}
@keyframes gflow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@media (prefers-reduced-motion:reduce){.gtext{animation:none}}