/* noy 官网设计令牌 —— 配色方案 01「深靛 + 陶橙」
   与设计方案第 5 节一致。全站只用这里的值，不写散装颜色和间距。 */
:root{
  /* ---- 品牌色 ---- */
  --brand-indigo:      #1B2542;  /* 主色：正文、主按钮、导航、深色区块 */
  --brand-indigo-deep: #151D35;  /* 深色区块底 */
  --brand-clay:        #E2701C;  /* 陶橙：图形填充、图标、按钮底色 —— 不可用于文字 */
  --brand-clay-text:   #B4510C;  /* 陶橙加深：文字与链接专用（白底 5.09:1） */
  --brand-clay-light:  #EE8C3C;  /* 陶橙提亮：深色底上的文字与链接（在 deep 上 6.71:1） */
  --brand-clay-soft:   #FAEFE5;  /* 陶橙浅底：徽标、提示块背景 */

  /* ---- 中性色 ---- */
  --bg:            #F7F7F8;
  --surface:       #EEEFF2;
  --surface-2:     #E3E5EB;
  --ink:           #1B2130;
  --ink-2:         #434A5C;
  --ink-3:         #6B7185;
  --border:        #DCDEE5;
  --border-strong: #C3C6D0;

  /* ---- 深色区块上的文字 ---- */
  --on-dark:    #ECEDF2;
  --on-dark-2:  #9DA4B8;

  /* ---- Applied AI Studio：2026-09-13 视觉重构 ---- */
  --studio-night: #090E1A;
  --studio-panel: #101828;
  --studio-line: #2A354B;
  --studio-line-soft: #1B2538;
  --studio-paper: #F0F0EB;
  --studio-muted: #A4AEC2;
  --studio-white: #F3F3EF;

  /* ---- 字体 ---- */
  --font-sans: 'Outfit','IBM Plex Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei',system-ui,sans-serif;
  --font-mono: 'IBM Plex Mono','SF Mono',ui-monospace,Menlo,monospace;

  /* ---- 间距（基数 4，只用这些值）---- */
  --s-1:4px;  --s-2:8px;   --s-3:12px;  --s-4:16px;  --s-6:24px;
  --s-8:32px; --s-12:48px; --s-16:64px; --s-24:96px; --s-32:128px;

  /* ---- 圆角 ---- */
  --r-card:8px; --r-btn:6px; --r-tag:4px;

  /* ---- 布局 ---- */
  --w-grid:1200px;   /* 栅格最大宽 */
  --w-prose:700px;   /* 正文段落最大宽，约 40 中文字/行 */

  /* ---- 动效 ---- */
  --t-hover:150ms;
  --t-reveal:400ms;
}

/* 中文排版四条规则 */
body{
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.78;          /* 中文正文 1.75—1.8，高于英文 */
  letter-spacing:.01em;      /* 中文正文轻微字距，改善观感 */
  color:var(--ink);
  background:var(--bg);
}
h1,h2,h3,h4{
  font-weight:600;           /* 中文标题不低于 Medium(500)，细字重屏显发虚 */
  letter-spacing:0;          /* 中文标题不要负字距 */
  text-wrap:balance;
}
a{ color:var(--brand-clay-text); }                       /* 链接用加深版，不是品牌橙 */
.on-dark a{ color:var(--brand-clay-light); }             /* 深色区块上用提亮版 */
.tabular{ font-variant-numeric:tabular-nums; }           /* 数字列对齐 */

@media (prefers-reduced-motion:reduce){ *{transition:none!important; animation:none!important;} }