/* MEILI AI v3 · Design tokens — 全站唯一 token 文件（DESIGN-v3 §2）
   主色 = logo 右侧点阵渐变：靛 #1C2188 → 蓝 #0A5CB4 → 青 #028BD7。深色分层表面。
   对比度均按 WCAG 相对亮度实测：正文 ≥ 4.5:1。 */
:root {
  color-scheme: dark;

  /* 表面：5 层，向靛色微偏 */
  --s0: #05070C;
  --s1: #0A0E1A;
  --s2: #0F1526;
  --s3: #151D33;
  --s4: #1D2742;
  --plate: #E8ECEE;            /* 合作伙伴 logo 底板，与 23 张 PNG 实测底色一致 */

  /* 品牌原色：只做面、渐变、辉光、≥3px 图形 */
  --brand-indigo: #1C2188;
  --brand-blue: #0A5CB4;
  --brand-cyan: #028BD7;
  /* 深底亮色变体 */
  --indigo-lift: #576FDB;
  --blue-lift: #2E78D2;
  --indigo-text: #8E95FF;
  --blue-text: #5B9BEA;
  --cyan-text: #38B6F2;

  /* 点阵点心色（133 点） */
  --dot-ink: #C9D0EC;
  --dot-ink-dim: #7882AA;

  /* 文字（深底） */
  --t1: #F3F5FA;   /* s0 18.47 · s4 13.55 */
  --t2: #C3CADB;   /* s0 12.27 · s4 9.00 */
  --t3: #9AA3BA;   /* s0 7.99  · s4 5.86 */
  --t4: #8A93AE;   /* s0 6.59  · s4 4.83 — 最弱可读文字 */
  --t-accent: #38B6F2;
  --t-indigo: #8E95FF;
  /* 浅底（logo 底板） */
  --ink-1: #0B1033;
  --ink-2: #465574;

  /* 渐变 */
  --g-brand: linear-gradient(135deg, #1C2188 0%, #0A5CB4 55%, #028BD7 100%);
  --g-btn: linear-gradient(135deg, #1C2188 0%, #0A5CB4 100%);
  --g-text: linear-gradient(90deg, #8E95FF, #5B9BEA 50%, #38B6F2);
  --g-wire: linear-gradient(90deg, #2E78D2, #38B6F2);

  /* 描边与发光 */
  --line-1: rgba(255, 255, 255, .08);
  --line-2: rgba(255, 255, 255, .14);
  --line-3: rgba(255, 255, 255, .24);
  --line-ui: #6B7590;
  --focus-color: #38B6F2;
  --glow-indigo: rgba(28, 33, 136, .55);
  --glow-blue: rgba(10, 92, 180, .35);
  --glow-cyan: rgba(2, 139, 215, .22);
  --shadow-card: inset 0 1px 0 rgba(255, 255, 255, .04), 0 24px 60px -28px rgba(0, 0, 0, .7);
  --shadow-plate: 0 0 0 1px rgba(0, 0, 0, .25), 0 10px 30px -18px rgba(0, 0, 0, .8);
  --shadow-pop: 0 18px 48px -12px rgba(0, 0, 0, .65);

  /* 字体 */
  --font-display: "Bricolage Grotesque", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", system-ui, sans-serif;
  --font-text: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "PingFang SC", monospace;

  /* 字号阶梯（360 → 1440） */
  --fs-display: clamp(2.25rem, 1.667rem + 2.593vw, 4rem);
  --fs-h1: clamp(2rem, 1.583rem + 1.852vw, 3.25rem);
  --fs-h2: clamp(1.75rem, 1.417rem + 1.481vw, 2.75rem);
  --fs-h3: clamp(1.25rem, 1.125rem + .5556vw, 1.625rem);
  --fs-h4: clamp(1.0625rem, 1rem + .2778vw, 1.25rem);
  --fs-lead: clamp(1.0625rem, .9792rem + .3704vw, 1.3125rem);
  --fs-body: clamp(1rem, .9792rem + .0926vw, 1.0625rem);
  --fs-small: clamp(.875rem, .8542rem + .0926vw, .9375rem);
  --fs-micro: clamp(.75rem, .7292rem + .0926vw, .8125rem);

  /* 圆角 */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* 间距 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;
  --section-y: clamp(4.5rem, 3.167rem + 5.926vw, 8.5rem);
  --gutter: clamp(1.25rem, .833rem + 1.852vw, 2.5rem);
  --gap: clamp(1rem, .833rem + .741vw, 1.5rem);
  --container: 1280px;
  --container-wide: 1440px;
  --header-h: 64px;

  /* 动效 */
  --d-1: 120ms; --d-2: 200ms; --d-3: 320ms; --d-4: 600ms; --d-5: 720ms; --d-6: 1100ms;
  --e-out: cubic-bezier(.22, 1, .36, 1);
  --e-in-out: cubic-bezier(.65, 0, .35, 1);

  --z-header: 100;
  --z-drawer: 200;
  --z-skip: 300;
}
@media (max-width: 767px) { :root { --header-h: 56px; } }

:lang(zh-CN) { --lh-display: 1.18; --lh-head: 1.25; --lh-body: 1.75; }
:lang(en)    { --lh-display: 1.04; --lh-head: 1.1;  --lh-body: 1.6; }
:lang(ja)    { --lh-display: 1.2;  --lh-head: 1.3;  --lh-body: 1.8; }
:lang(ko)    { --lh-display: 1.18; --lh-head: 1.28; --lh-body: 1.75; }