视觉系统

视觉系统服务于阅读效率和可信度，不追求装饰感。

颜色

Token	用途
--love-teal	主行动、关键边框、成功状态
--love-blue	链路、导航、可点击状态
--love-amber	风险提示、审查边界
--love-red	事故、P0、阻塞项

组件

组件	使用场景
指标条	首页和案例页展示关键数字
案例卡片	案例库、首页精选案例
能力矩阵	展示技术能力域
知识图谱	展示能力、项目、成果之间的关系
表格	审计、目录、QA、SOP 等高密度信息

图表资产

资产	对应页面	作用
love-system-map.svg	首页	总览技术品牌和知识生产线
site-directory-map.svg	信息架构 / 设计评审	展示多视角目录
content-pipeline.svg	Loop Engineer 看板	展示角色流水线
performance-threshold.svg	性能优化案例	展示 GPU 红线和治理闭环
incident-root-cause.svg	P0 复盘	展示根因链

移动端规则

• 复杂网格在窄屏降为单列。
• 指标块保持稳定高度，不因文本变化挤压布局。
• 表格保留横向滚动，不强行压缩长标题。
• 不使用负字距，不按视口宽度缩放字体。