底色调到低明度、低饱和
背景用 oklch(0.15 0.03 226)，卡片面 oklch(0.21 0.045 226)；两者明度差 ≥ 0.05，保证暗色分层一眼可辨，而非一片纯黑。
灵感闪耀 · 暗黑模式 AI 平台
首字节 120ms 的暗色 AI 控制台，灵感随点随亮
把「速度与即时」做成界面语言：半调网点渐变铺底、倾斜错位的拼图网格承载推理任务流；开发者在暗黑模式下切换模型、查看 token 流，交互反馈压在 1 帧之内。
120ms首字节渲染目标
16.7ms单帧交互预算
4 档响应式断点
流式 Token
SSE 分片 32 字符/包，首屏可见内容提前 0.4s 出现。
暗色对比
正文对比度 ≥ 7:1，霓虹仅用于激活态与关键数字。
01 / CHECKLIST
暗黑 AI 平台落地清单：7 条可执行要点
面向开发者与体验设计师，逐条给出做法、参数与阈值，避免「只有氛围、没有指标」的暗色设计。
霓虹只点 10% 面积
强调色 oklch(0.78 0.14 61) 仅用于按钮、激活下划线、关键数字；单屏高饱和像素占比控制在 10% 以内，避免刺眼。
首屏交互压进 16.7ms
hover、切换、滚动反馈统一走 --t-fast:.15s；长动画只保留图片的 Ken Burns 缓慢呼吸，避免主线程抖动。
半调网点做轻纹理
用 radial-gradient 生成 14px 网点，透明度 .16 并叠加径向遮罩，只铺在 Hero 右上区域，防止整屏噪点影响阅读。
响应式四档 + 容器递进
容器 1140 / 1400 / 1680 三级放宽；1600px 起特性卡 2→3 列、2100px 起 4 列，超小屏 320px 单列堆叠且点按区 ≥ 44px。
流式渲染与骨架屏对齐
推理结果按 200ms 节流追加 DOM，单次批量 ≤ 24 个节点；骨架屏高度与真实内容误差 < 4px，杜绝布局跳动。
无障碍与降级双保险
焦点环 2px 强调色、对比度 ≥ 4.5:1；prefers-reduced-motion 下关闭呼吸动画并禁用倾斜错位的位移动画。
02 / FLOW
从请求到渲染：4 段时间轴，越快越稳
时间轴左右交错展开，每段给出可观测的耗时阈值，方便在暗色控制台里做性能回归。
接入 · 键与配额即时校验
边缘节点校验 API Key，命中缓存则跳过回源；失败直接返回可读错误码，减少一次往返。
目标 ≤ 35ms · 缓存命中率 ≥ 92%
路由 · 模型选择与限流
按任务类型把请求分配到最合适的模型实例，暗色面板实时显示队列深度与拒绝率。
目标 ≤ 20ms · 拒绝率 < 0.5%
推理 · 首个 Token 冒泡
流式返回分片，前端以 32 字符/包渲染，首字可见即点亮占位骨架。
目标 ≤ 120ms · 抖动 < 15ms
渲染 · 暗色对比与滚动
长回答虚拟滚动，只保留可视区节点；霓虹高亮当前段落，帮助快速定位结论。
滚动帧率 ≥ 58fps · 内存增幅 < 12%
03 / SCENES
三类高频场景的暗色拼图
倾斜错位的卡片拼出全景网格，每张图对应一个真实工作流与它的量化收益。
04 / PARTNERS
合作伙伴墙：一起把即时性做进链路
覆盖算力、向量检索、边缘网络与安全审计四类协作方，接口对齐以毫秒为单位。
算力编队GPU 池化 · 扩容 90s
向量检索P99 召回 45ms
边缘网络节点 120+ · 就近接入
安全审计全链路日志留存
模型市场版本灰度 5%→100%
压测平台并发 2 万 / 分钟
协作约定：接入方需在联调环境通过 3 项基线——首字 ≤ 150ms、错误率 ≤ 0.5%、暗色主题色值偏差 ≤ 2ΔE，未达标先修再上线。
05 / VOICES
客户评价：即时感不是玄学，是数字
「把控制台换成暗色后，深夜值班的误操作少了。首字稳定在 130ms 区间，工程师愿意一直开着这个页面。」
首字延迟 ↓ 41%
「响应式断点补齐之后，手机端也能看流式输出，交班记录从 15 分钟压到 6 分钟。」
移动端留存 ↑ 27%
「半调网点做背景、霓虹只点关键数字，评审时再没人说暗色看不清层级。」
可用性评分 4.7/5
06 / FAQ
常见问题 FAQ
暗黑模式下如何保证长时间阅读不疲劳？
底明度控制在 0.15 附近而非纯黑，正文用 oklch(0.94 0.02 226)，行高 1.62；霓虹高亮单屏不超过 10% 面积，避免高饱和眩光。可开启「护眼档」把强调色明度下调 0.06。
首字 120ms 是硬指标吗，怎么量化？
取一周内 P50 与 P95：P50 ≤ 120ms 为达标，P95 ≤ 260ms 为可接受；超出则优先检查边缘缓存命中率（目标 ≥ 92%）与推理队列深度。
倾斜错位的卡片会不会影响可读性？
倾斜角控制在 ±2.2° 以内、仅用于图片容器；正文卡片保持 0° 或 ≤ 0.6°。超小屏与 reduced-motion 环境下自动归零。
响应式设计在超宽屏上如何不出现窄柱？
容器按 1140→1400→1680 递进，1600px 起特性卡升为 3 列、2100px 升为 4 列，并让 Hero 变为三栏拼图，充分利用横向空间。