{
  "name": "TopxAI 纸面",
  "version": 1,
  "color": {
    "note": "中性色是暖白和暖炭，品牌蓝只给主按钮、焦点、选中和运行状态。每个色都有浅色和深色两个值。",
    "themes": [
      {
        "id": "light",
        "name": "浅色"
      },
      {
        "id": "dark",
        "name": "深色"
      }
    ],
    "tokens": [
      {
        "name": "bg-app",
        "value": {
          "light": "#f2f0eb",
          "dark": "#161513"
        },
        "usage": "窗口底色，侧栏直接放在上面。"
      },
      {
        "name": "bg-canvas",
        "value": {
          "light": "#faf9f6",
          "dark": "#1b1a18"
        },
        "usage": "会话区和设置页的内容区。"
      },
      {
        "name": "bg-raised",
        "value": {
          "light": "#fffefc",
          "dark": "#232220"
        },
        "usage": "卡片、输入框、菜单、次要按钮。"
      },
      {
        "name": "bg-sunken",
        "value": {
          "light": "#f4f2ee",
          "dark": "#191816"
        },
        "usage": "代码块、输入框底栏、分段控件的槽。"
      },
      {
        "name": "bg-hover",
        "value": {
          "light": "#ebe8e2",
          "dark": "#282724"
        },
        "usage": "悬停。"
      },
      {
        "name": "bg-selected",
        "value": {
          "light": "#e6e2da",
          "dark": "#302e2a"
        },
        "usage": "选中的侧栏行和标签页；深色主题里分段控件的选中项。"
      },
      {
        "name": "bg-inverse",
        "value": {
          "light": "#1f1d1a",
          "dark": "#edebe6"
        },
        "usage": "提示气泡、停止按钮。"
      },
      {
        "name": "bg-user",
        "value": {
          "light": "#eeebe4",
          "dark": "#2b2a27"
        },
        "usage": "用户消息气泡。"
      },
      {
        "name": "overlay",
        "value": {
          "light": "rgba(31, 29, 26, 0.32)",
          "dark": "rgba(0, 0, 0, 0.56)"
        },
        "usage": "对话框背后的遮罩。1.1 新增。"
      },
      {
        "name": "border-subtle",
        "value": {
          "light": "#ebe8e1",
          "dark": "#282724"
        },
        "usage": "卡片内部的分隔线、对话里各种块的外框。"
      },
      {
        "name": "border",
        "value": {
          "light": "#dedad1",
          "dark": "#34322e"
        },
        "usage": "卡片、菜单、按钮和对话输入框的外框。表单控件的边用 control-border。"
      },
      {
        "name": "border-strong",
        "value": {
          "light": "#c8c3b8",
          "dark": "#48453f"
        },
        "usage": "空闲状态点。表单控件的边改用 control-border。"
      },
      {
        "name": "control-border",
        "value": {
          "light": "#847f75",
          "dark": "#7c7870"
        },
        "usage": "单行输入框、复选框和单选框的边，关闭的开关。在六种 bg-* 底色上最低 3.08 / 3.08，控件轮廓达到 3:1。1.1 新增。"
      },
      {
        "name": "text",
        "value": {
          "light": "#1f1d1a",
          "dark": "#edebe6"
        },
        "usage": "正文和标题。放在 bg-app、bg-canvas、bg-raised、bg-sunken、bg-hover、bg-selected 上，最低对比度 13.02（浅）/ 11.37（深）。"
      },
      {
        "name": "text-2",
        "value": {
          "light": "#57534b",
          "dark": "#b5b1a8"
        },
        "usage": "次要文字、侧栏行。在六种底色上最低 5.92 / 6.34。"
      },
      {
        "name": "text-3",
        "value": {
          "light": "#69645b",
          "dark": "#99958b"
        },
        "usage": "元信息、占位文字、说明。在六种底色上最低 4.55 / 4.53，是能放可读文字的最浅一级。"
      },
      {
        "name": "text-4",
        "value": {
          "light": "#a39e94",
          "dark": "#64605a"
        },
        "usage": "只用于禁用态和装饰图标。对比度不到 4.5:1，不放需要读的字。"
      },
      {
        "name": "text-inverse",
        "value": {
          "light": "#faf9f6",
          "dark": "#1b1a18"
        },
        "usage": "bg-inverse 上的文字，对比度 15.97 / 14.60。"
      },
      {
        "name": "accent",
        "value": {
          "light": "#2458ef",
          "dark": "#2f62f0"
        },
        "usage": "主按钮、发送、开关打开、进度、运行中。上面的字用 on-accent，对比度 5.65（浅）/ 5.09（深）。"
      },
      {
        "name": "accent-hover",
        "value": {
          "light": "#1d4bd6",
          "dark": "#3767f0"
        },
        "usage": "主按钮悬停。白字对比度 7.0 以上（浅）/ 4.82（深）。"
      },
      {
        "name": "accent-pressed",
        "value": {
          "light": "#1a41b8",
          "dark": "#2552d8"
        },
        "usage": "主按钮按下。"
      },
      {
        "name": "accent-text",
        "value": {
          "light": "#1f4fd9",
          "dark": "#86a6ff"
        },
        "usage": "蓝色文字、文件路径、链接、运行中的行尾状态字。在六种底色上最低 5.11 / 5.75。"
      },
      {
        "name": "accent-soft",
        "value": {
          "light": "#ebf0fe",
          "dark": "#1f2640"
        },
        "usage": "选中的菜单项、信息标签、提示横幅、文件路径芯片的底。"
      },
      {
        "name": "accent-soft-2",
        "value": {
          "light": "#dce5fd",
          "dark": "#27305a"
        },
        "usage": "运行中状态点的光圈、转圈的轨道。"
      },
      {
        "name": "selection",
        "value": "{accent-soft-2}",
        "usage": "选中文字的底。1.1 新增。"
      },
      {
        "name": "on-accent",
        "value": {
          "light": "#ffffff",
          "dark": "#ffffff"
        },
        "usage": "accent 底上的文字和图标。"
      },
      {
        "name": "focus",
        "value": "{accent-text}",
        "usage": "键盘焦点：2px 实线描边，外偏 2px，跟着圆角走，只在 :focus-visible 时出现。等于 accent-text，在六种底色上最低 5.11 / 5.75。1.1 新增。"
      },
      {
        "name": "success",
        "value": {
          "light": "#2a7047",
          "dark": "#62c08a"
        },
        "usage": "成功的文字和图标。在六种 bg-* 底色和 success-soft 上最低 4.64 / 6.08（浅 / 深）。浅色值 1.1 从 #2b7349 调成 #2a7047，原值在 bg-selected 上只有 4.45。"
      },
      {
        "name": "success-soft",
        "value": {
          "light": "#e7f2ea",
          "dark": "#1b2a21"
        },
        "usage": "成功标签的底。"
      },
      {
        "name": "success-dot",
        "value": {
          "light": "#3b9a63",
          "dark": "#4fb179"
        },
        "usage": "成功的状态点和完成的进度段。"
      },
      {
        "name": "warning",
        "value": {
          "light": "#8f5410",
          "dark": "#e2a853"
        },
        "usage": "等你确认、需要更新的文字和图标。在六种 bg-* 底色和 warning-soft 上最低 4.72 / 6.43（浅 / 深）。"
      },
      {
        "name": "warning-soft",
        "value": {
          "light": "#fbf1de",
          "dark": "#2b2418"
        },
        "usage": "警告标签、警告横幅、审批图标格的底。"
      },
      {
        "name": "warning-dot",
        "value": {
          "light": "#d98c1f",
          "dark": "#e09a37"
        },
        "usage": "等你确认的状态点、收藏星标、警告横幅的边。"
      },
      {
        "name": "danger",
        "value": {
          "light": "#b8352a",
          "dark": "#f2847a"
        },
        "usage": "失败、删除的文字和图标。在六种 bg-* 底色和 danger-soft 上最低 4.54 / 5.39（浅 / 深）。"
      },
      {
        "name": "danger-soft",
        "value": {
          "light": "#fbeae7",
          "dark": "#2f1c1a"
        },
        "usage": "失败标签和横幅的底、危险按钮的底。"
      },
      {
        "name": "danger-dot",
        "value": {
          "light": "#d9493c",
          "dark": "#e8665a"
        },
        "usage": "输入框报错的边框、失败横幅的边。"
      },
      {
        "name": "code-bg",
        "value": {
          "light": "#efece6",
          "dark": "#2a2926"
        },
        "usage": "行内代码的底。"
      },
      {
        "name": "code-text",
        "value": {
          "light": "#3b372f",
          "dark": "#d9d5cc"
        },
        "usage": "代码正文，在 code-bg 和 bg-sunken 上 10.04 / 9.93。"
      },
      {
        "name": "syn-keyword",
        "value": {
          "light": "#8a3fa6",
          "dark": "#d59bf0"
        },
        "usage": "代码里的关键字。"
      },
      {
        "name": "syn-fn",
        "value": {
          "light": "#1f4fd9",
          "dark": "#86a6ff"
        },
        "usage": "代码里的函数名。"
      },
      {
        "name": "syn-string",
        "value": {
          "light": "#2b7349",
          "dark": "#7ccb98"
        },
        "usage": "代码里的字符串。"
      },
      {
        "name": "syn-type",
        "value": {
          "light": "#9a5b0b",
          "dark": "#e2a853"
        },
        "usage": "代码里的类型。"
      },
      {
        "name": "syn-comment",
        "value": {
          "light": "#6e6a62",
          "dark": "#938f83"
        },
        "usage": "代码里的注释，在代码块底色上 4.57 / 4.50。"
      },
      {
        "name": "agent-1",
        "value": {
          "light": "#4f6bed",
          "dark": "#7d93ff"
        },
        "usage": "多 Agent 运行里按加入顺序给第 1 个成员。成员头像底色和芯片。头像里的白字在深色主题下只有 2.2 到 2.8:1，浅色主题的 agent-2（4.06）和 agent-4（3.64）也不到 4.5:1；头像字只是首字缩写，成员名字总在旁边写出来。原稿如此，没有改色。"
      },
      {
        "name": "agent-2",
        "value": {
          "light": "#2a8c82",
          "dark": "#4fb8ac"
        },
        "usage": "多 Agent 运行里按加入顺序给第 2 个成员。"
      },
      {
        "name": "agent-3",
        "value": {
          "light": "#7a5cc7",
          "dark": "#a58bef"
        },
        "usage": "多 Agent 运行里按加入顺序给第 3 个成员。"
      },
      {
        "name": "agent-4",
        "value": {
          "light": "#b7791f",
          "dark": "#e0a64e"
        },
        "usage": "多 Agent 运行里按加入顺序给第 4 个成员。"
      },
      {
        "name": "agent-5",
        "value": {
          "light": "#c2456a",
          "dark": "#ef7d9c"
        },
        "usage": "多 Agent 运行里按加入顺序给第 5 个成员。"
      },
      {
        "name": "agent-6",
        "value": {
          "light": "#6f7d2c",
          "dark": "#a7b45a"
        },
        "usage": "多 Agent 运行里按加入顺序给第 6 个成员。"
      },
      {
        "name": "brand-panel-1",
        "value": {
          "light": "#2152e6",
          "dark": "#1a3ca8"
        },
        "usage": "品牌面板渐变的起点（0%）。登录海报和启动画面用 160° 线性渐变铺满。"
      },
      {
        "name": "brand-panel-2",
        "value": {
          "light": "#1a40c0",
          "dark": "#132e86"
        },
        "usage": "品牌面板渐变的中段（46%）。"
      },
      {
        "name": "brand-panel-3",
        "value": {
          "light": "#0f2a84",
          "dark": "#0a1b52"
        },
        "usage": "品牌面板渐变的终点（100%）。深色主题整体换成更深的墨蓝。"
      },
      {
        "name": "paper",
        "value": "#f4efe6",
        "usage": "品牌面板上的主文字：海报标语、竖排引文。在渐变最浅处（brand-panel-1 浅色）对比度 5.37。"
      },
      {
        "name": "paper-2",
        "value": "rgba(244, 239, 230, 0.72)",
        "usage": "品牌面板上的次要文字：英文句（26px）、引文出处。渐变最浅处 3.52，中段 4.49，满足大字 3:1；13px 的出处放在渐变下半段。原稿如此。"
      },
      {
        "name": "paper-3",
        "value": "rgba(244, 239, 230, 0.5)",
        "usage": "品牌面板上的页码和装饰线，最浅处 2.42，不放需要读的字。"
      }
    ]
  },
  "type": {
    "fonts": [
      {
        "family": "Noto Serif SC",
        "file": "fonts/NotoSerifSC-Variable-subset.woff2",
        "weight": "200 900",
        "style": "normal"
      },
      {
        "family": "Instrument Serif",
        "file": "fonts/InstrumentSerif-Regular.woff2",
        "weight": "400",
        "style": "normal"
      },
      {
        "family": "Instrument Serif",
        "file": "fonts/InstrumentSerif-Italic.woff2",
        "weight": "400",
        "style": "italic"
      },
      {
        "family": "JetBrains Mono",
        "file": "fonts/JetBrainsMono-latin-wght-normal.woff2",
        "weight": "100 800",
        "style": "normal"
      }
    ],
    "families": {
      "ui": "-apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", sans-serif",
      "display": "\"Noto Serif SC\", \"Songti SC\", serif",
      "latin": "\"Instrument Serif\", \"Noto Serif SC\", serif",
      "mono": "\"JetBrains Mono\", \"SF Mono\", ui-monospace, Menlo, monospace"
    },
    "groups": [
      {
        "name": "品牌",
        "family": "display",
        "note": "只用于启动、登录、设备码和首页问候，工作区里不用。思源宋体是 4,695 个常用字的子集；问候里的中文名字用正体。",
        "styles": [
          {
            "name": "fs-poster",
            "fontSize": "66px",
            "lineHeight": "78px",
            "fontWeight": 300,
            "letterSpacing": "0.035em",
            "sample": "重塑，从这里开始。",
            "usage": "登录海报的标语，第二行缩进一个字；竖排引文用 50 到 64px。"
          },
          {
            "name": "fs-greet",
            "fontSize": "34px",
            "lineHeight": "42px",
            "fontWeight": 400,
            "letterSpacing": "0.01em",
            "sample": "下午好",
            "usage": "首页问候，后面的名字用 font-latin 斜体。"
          },
          {
            "name": "fs-display",
            "fontSize": "30px",
            "lineHeight": "38px",
            "fontWeight": 400,
            "letterSpacing": "-0.01em",
            "sample": "登录 TopxAI",
            "usage": "登录和设备码页的标题。"
          },
          {
            "name": "fs-latin",
            "family": "latin",
            "fontSize": "26px",
            "lineHeight": "31px",
            "fontWeight": 400,
            "fontStyle": "italic",
            "letterSpacing": "0.005em",
            "sample": "Begin anew, from here.",
            "usage": "海报和封面上的整句英文。"
          }
        ]
      },
      {
        "name": "界面",
        "family": "ui",
        "note": "系统字体（苹方、SF）。正文 15/26，界面文字 13/20。",
        "styles": [
          {
            "name": "fs-title",
            "fontSize": "20px",
            "lineHeight": "28px",
            "fontWeight": 600,
            "sample": "提供方",
            "usage": "页面标题，全应用统一这一种。"
          },
          {
            "name": "fs-heading",
            "fontSize": "15px",
            "lineHeight": "22px",
            "fontWeight": 600,
            "sample": "这个项目还没有会话",
            "usage": "分组标题、空状态标题。"
          },
          {
            "name": "fs-chat",
            "fontSize": "15px",
            "lineHeight": "26px",
            "fontWeight": 400,
            "sample": "原因找到了：会话里保存的参数被原样继承。",
            "usage": "会话正文、用户消息、输入框里的字。"
          },
          {
            "name": "fs-ui",
            "fontSize": "13px",
            "lineHeight": "20px",
            "fontWeight": 400,
            "sample": "敏感操作前询问",
            "usage": "侧栏、按钮、菜单、表单。"
          },
          {
            "name": "fs-small",
            "fontSize": "12px",
            "lineHeight": "18px",
            "fontWeight": 400,
            "sample": "16:04 · 19k token · $0.06",
            "usage": "元信息、说明文字、浮层通知第二行。"
          },
          {
            "name": "fs-label",
            "fontSize": "11px",
            "lineHeight": "16px",
            "fontWeight": 600,
            "letterSpacing": "0.03em",
            "sample": "项目",
            "usage": "侧栏分组名、表头、菜单分组名。"
          }
        ]
      },
      {
        "name": "代码",
        "family": "mono",
        "note": "JetBrains Mono，随包附带 latin 子集。代码里关掉连字（font-variant-ligatures: none）。",
        "styles": [
          {
            "name": "fs-code",
            "fontSize": "12.5px",
            "lineHeight": "20px",
            "fontWeight": 400,
            "sample": "cargo test -p topxai",
            "usage": "代码块、命令、文件路径。"
          }
        ]
      }
    ]
  },
  "spacing": {
    "note": "只用 4 的倍数。同一组控件挨得近，组和组之间拉开。",
    "tokens": [
      {
        "name": "sp-1",
        "value": "4px",
        "usage": "图标和文字之间。"
      },
      {
        "name": "sp-2",
        "value": "8px",
        "usage": "控件内部、同组按钮之间。"
      },
      {
        "name": "sp-3",
        "value": "12px",
        "usage": "卡片内边距。"
      },
      {
        "name": "sp-4",
        "value": "16px",
        "usage": "卡片之间。"
      },
      {
        "name": "sp-5",
        "value": "20px",
        "usage": "输入框离窗口底边。"
      },
      {
        "name": "sp-6",
        "value": "24px",
        "usage": "会话区左右留白。"
      },
      {
        "name": "sp-8",
        "value": "32px",
        "usage": "设置页的分组之间。"
      },
      {
        "name": "sp-10",
        "value": "40px",
        "usage": "页面标题上方。"
      },
      {
        "name": "sp-12",
        "value": "48px",
        "usage": "大段落之间。"
      }
    ]
  },
  "radius": {
    "note": "圆角跟着东西的大小走，越大的面越圆。",
    "tokens": [
      {
        "name": "r-xs",
        "value": "4px",
        "usage": "行内代码、文件路径芯片、键位提示。"
      },
      {
        "name": "r-sm",
        "value": "6px",
        "usage": "小按钮、菜单项、图标按钮、提示气泡。"
      },
      {
        "name": "r-md",
        "value": "8px",
        "usage": "按钮、单行输入框、侧栏行、分段控件、横幅。"
      },
      {
        "name": "r-btn-lg",
        "value": "10px",
        "usage": "40px 的大按钮。唯一不在刻度上的圆角，原稿如此。1.1 记入。"
      },
      {
        "name": "r-lg",
        "value": "12px",
        "usage": "卡片、菜单、审批卡、浮层通知、代码块。"
      },
      {
        "name": "r-xl",
        "value": "16px",
        "usage": "对话输入框。"
      },
      {
        "name": "r-2xl",
        "value": "20px",
        "usage": "对话框、大浮层。"
      },
      {
        "name": "r-full",
        "value": "999px",
        "usage": "标签、头像、Agent 芯片、发送按钮。"
      }
    ]
  },
  "shadow": {
    "note": "三级阴影。深色主题的阴影更重，另加一道 1px 的内高光，卡片才能和底色分开。",
    "tokens": [
      {
        "name": "shadow-1",
        "value": {
          "light": "0 1px 0 rgba(31, 29, 26, 0.04)",
          "dark": "0 1px 0 rgba(0, 0, 0, 0.3)"
        },
        "usage": "次要按钮、新会话按钮。"
      },
      {
        "name": "shadow-2",
        "value": {
          "light": "0 1px 2px rgba(31, 29, 26, 0.05), 0 8px 28px -10px rgba(31, 29, 26, 0.14)",
          "dark": "0 1px 2px rgba(0, 0, 0, 0.4), 0 10px 30px -10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.035)"
        },
        "usage": "对话输入框、审批卡、提示气泡。"
      },
      {
        "name": "shadow-3",
        "value": {
          "light": "0 2px 6px rgba(31, 29, 26, 0.06), 0 22px 56px -14px rgba(31, 29, 26, 0.26)",
          "dark": "0 2px 8px rgba(0, 0, 0, 0.45), 0 24px 60px -12px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.045)"
        },
        "usage": "菜单、浮层通知、模型菜单、对话框。"
      },
      {
        "name": "focus-ring",
        "value": {
          "light": "0 0 0 3px rgba(36, 88, 239, 0.22)",
          "dark": "0 0 0 3px rgba(110, 150, 255, 0.32)"
        },
        "usage": "输入框和对话输入框聚焦时的外圈光晕，配合边框换色一起用。光晕在底色上只有 1.4:1（浅）/ 1.7:1（深），不能单独当焦点信号；焦点描边用 focus。"
      }
    ]
  },
  "layout": {
    "note": "窗口按 1440×900 设计。",
    "tokens": [
      {
        "name": "sidebar-w",
        "value": "264px",
        "usage": "侧栏宽度。"
      },
      {
        "name": "header-h",
        "value": "52px",
        "usage": "顶栏高度，窗口红绿灯的圆心落在它的中线上。"
      },
      {
        "name": "row-h",
        "value": "32px",
        "usage": "侧栏行。菜单项和项目下面的会话行是 30px，见 size 表的 menu-item-h、row-sub-h。"
      },
      {
        "name": "chat-w",
        "value": "720px",
        "usage": "会话正文栏宽；打开右侧面板时 680px。"
      },
      {
        "name": "composer-w",
        "value": "760px",
        "usage": "对话输入框和上方的卡；打开右侧面板时 700px。"
      },
      {
        "name": "panel-w",
        "value": "380px",
        "usage": "右侧面板。"
      },
      {
        "name": "window-min-w",
        "value": "1040px",
        "usage": "窗口最小宽度：侧栏 264 + 正文 720 + 两边留白 48。更窄时侧栏收起。1.1 新增。"
      },
      {
        "name": "window-min-h",
        "value": "640px",
        "usage": "窗口最小高度。1.1 新增。"
      },
      {
        "name": "panel-side-min-w",
        "value": "1372px",
        "usage": "窗口宽到这个值，右侧面板才和正文并排（264 + 680 + 48 + 380）；更窄时面板盖在会话区上，带 shadow-3。1.1 新增。"
      }
    ]
  },
  "duration": {
    "note": "只动 transform 和 opacity。系统开了「减少动态效果」时，输入框的扫光和启动页的光晕改成静止。",
    "tokens": [
      {
        "name": "dur-fast",
        "value": "120ms",
        "usage": "悬停、按下、开关。"
      },
      {
        "name": "dur-base",
        "value": "180ms",
        "usage": "菜单展开、标签页切换、审批卡和对话框出现。"
      },
      {
        "name": "dur-slow",
        "value": "280ms",
        "usage": "右侧面板滑入、浮层通知进出。"
      }
    ]
  },
  "easing": {
    "note": "退场时长取进场的三分之二。",
    "tokens": [
      {
        "name": "ease-out",
        "value": "cubic-bezier(0.22, 1, 0.36, 1)",
        "usage": "界面里所有进场。"
      },
      {
        "name": "ease-in",
        "value": "cubic-bezier(0.4, 0, 1, 1)",
        "usage": "退场。"
      },
      {
        "name": "ease-expo",
        "value": "cubic-bezier(0.16, 1, 0.3, 1)",
        "usage": "品牌时刻的进场：启动、登录海报、设备码、首页问候。"
      }
    ]
  },
  "size": {
    "note": "控件高度、图标尺寸和线宽。组件内部的尺寸按各组件说明来，不受「4 的倍数」限制。1.1 新增。",
    "tokens": [
      {
        "name": "control-sm-h",
        "value": "28px",
        "usage": "小按钮、Dock 里的回答按钮。"
      },
      {
        "name": "control-h",
        "value": "32px",
        "usage": "按钮、审批卡的按钮、发送按钮。"
      },
      {
        "name": "control-lg-h",
        "value": "40px",
        "usage": "大按钮，比如「用浏览器登录」。"
      },
      {
        "name": "field-h",
        "value": "34px",
        "usage": "单行输入框、新会话按钮。"
      },
      {
        "name": "chip-h",
        "value": "30px",
        "usage": "对话输入框工具栏里的芯片。"
      },
      {
        "name": "chip-sm-h",
        "value": "24px",
        "usage": "输入框底栏的芯片、分段控件的项。"
      },
      {
        "name": "menu-item-h",
        "value": "30px",
        "usage": "菜单项。"
      },
      {
        "name": "row-sub-h",
        "value": "30px",
        "usage": "项目下面的会话行。"
      },
      {
        "name": "icon-button",
        "value": "28px",
        "usage": "只有图标的按钮。"
      },
      {
        "name": "tag-h",
        "value": "20px",
        "usage": "标签。"
      },
      {
        "name": "agent-chip-h",
        "value": "22px",
        "usage": "Agent 芯片。"
      },
      {
        "name": "tooltip-h",
        "value": "26px",
        "usage": "提示气泡。"
      },
      {
        "name": "card-head-h",
        "value": "38px",
        "usage": "ToolGroup、DiffSummary 的标题行。"
      },
      {
        "name": "card-row-h",
        "value": "32px",
        "usage": "ToolGroup、DiffSummary 的明细行。"
      },
      {
        "name": "code-head-h",
        "value": "34px",
        "usage": "代码块头部、对话输入框底栏。"
      },
      {
        "name": "bar-h",
        "value": "44px",
        "usage": "右侧面板的标签栏、模型菜单的搜索栏。"
      },
      {
        "name": "icon",
        "value": "16px",
        "usage": "默认图标。"
      },
      {
        "name": "icon-sm",
        "value": "14px",
        "usage": "紧凑处的图标。"
      },
      {
        "name": "icon-lg",
        "value": "18px",
        "usage": "强调处的图标。"
      },
      {
        "name": "icon-stroke",
        "value": "1.6",
        "usage": "lucide 图标的线宽，圆头圆角。"
      },
      {
        "name": "disabled-opacity",
        "value": "0.45",
        "usage": "禁用的按钮和开关整体降到这个不透明度。"
      }
    ]
  }
}