这是一个网页样式设计参考 · 12 列栅格 / 卡片网格 / 斜切色带 / 颗粒噪点签名
合作伙伴墙：把算力、数据与合规责任一并接住
六类伙伴按 12 列栅格对齐，每张卡片标注可核查的对接方式与责任边界，避免“只挂 Logo 不落地”。
服务 / 价格档位：按调用量与责任深度分档
三档均含卡片式控制台与响应式设计适配，差异集中在并发、SLA 与可持续审计能力。
起步档 · 验证期
¥1.9/ 千次调用起 · 月付
- 并发 20 QPS，冷启动 ≤ 6s
- 2 张看板卡片，保留 30 天调用日志
- 响应式网页设计：移动端只读视图
协作档 · 生产期
¥6.4/ 千次调用起 · 月付
- 并发 200 QPS，P95 延迟 ≤ 500ms
- 动态效果驱动状态卡片，异常 10s 内提示
- 算力能耗报表 + 单位调用碳排估算
- SLA 99.9%，故障 15 分钟响应
责任档 · 规模化
面议按年度算力承诺
- 专属调度器，并发 1000 QPS 起
- 季度模型偏差与能耗双审计报告
- 数据留存、脱敏与删除流程可追溯
- 专属技术负责人 + 季度复盘会
数据可视化面板：把延迟、成本与能耗画在同一块卡片网格里
左侧为资源占用条，右侧为四项关键指标；数值以卡片式设计呈现，动效优化仅用于数值变化提示。
资源占用与回收
428msP95 首字延迟
¥0.42/千次缓存命中后单位成本
0.71kWh每万次调用能耗
0.4%异常调用占比
落地步骤轴：四步把平台从能用推到可问责
点击左侧步骤展开细节，右侧四张应用场景卡展示对应的验证画面与量化门槛。
STEP 01调用链路盘点
记录模型、向量库、网关三层调用关系，标注每次请求的 token 数与峰值时段；建议基线采集连续 7 天，得到 P95 延迟与 QPS 曲线后再定容量。
STEP 02卡片式指标建模
把延迟、成本、能耗、异常率拆为四张指标卡，每张只保留一个主数值与一个阈值；卡片间距控制在
12–16px，避免信息被稀释。STEP 03动态效果与降级
仅在数值变化与状态切换时使用缩放弹入，时长
0.25s；同时提供 prefers-reduced-motion 降级，保证低端设备与无障碍场景可用。STEP 04可持续审计闭环
每月导出能耗与调用量报表，核对单位调用碳排是否低于
0.09kg；连续两月超标则调整调度策略或迁移至更低负载区域。
推理服务
批处理调度
窗口 80ms，合并率 6.4 倍，单卡吞吐提升约 38%。
检索增强
混合召回
关键词 + 向量双路召回，召回率 92%，误召回压到 3% 以内。
可持续
能耗看板
每万次调用 0.71kWh，空转资源 5 分钟内自动回收。
响应式
窄屏堆叠
640px 以下单列卡片，点按区 ≥ 44px，横屏不溢出。
实用指导清单：把科技风格落到可核查的参数上
六条要点均给出阈值与做法，可直接贴进平台开发评审单。
01栅格先行
所有模块按 12 列栅格落位，卡片间距统一取 12–16px，容器最大宽度分级为 1140/1400/1680px，避免大屏出现细窄中柱。
验收：1920px 下无 >15% 的横向留白浪费02性能预算
首屏 JS 控制在 180KB 以内，图片统一 lazy 加载并预留宽高比容器；LCP ≤ 2.5s，CLS ≤ 0.1。
验收：移动端 4G 首屏可交互 ≤ 3.5s03动效克制
缩放弹入仅用于状态切换，时长 0.15–0.45s；同屏同时动画元素不超过 3 个，并提供 reduced-motion 降级。
验收：低端机帧率 ≥ 50fps04成本与能耗
按调用量分档计费，缓存命中后单位成本目标 ≤ ¥0.42/千次；空闲资源 5 分钟内回收，能耗报表按月导出。
验收：单位调用碳排 ≤ 0.09kg05检索质量
混合召回召回率 ≥ 92%，误召回 ≤ 3%；知识库更新时间与来源必须在卡片上可追溯，禁止无出处数据入库。
验收：抽检 100 条问答命中 ≥ 90 条06无障碍与责任
焦点样式统一 2px 外描边，正文对比度 ≥ 4.5:1；数据留存默认 90 天，删除请求 7 天内完成并留痕。
验收：键盘可完成全部主流程操作