docs: sync README/CONTEXT and add design optimization plan + UX acceptance

记录 vibe 设计优化封版：README/CONTEXT 同步设计规范（Swiss Modernism 2.0 +
Bento Box + Hero-Centric + Motion-Driven）、依赖漏洞处置结论与质量标准；新增
实施计划与用户旅程验收报告。

CONTEXT.md

@@ -160,6 +160,8 @@ Novalon 的 6 个核心产品，互为互补关系，常以组合形式出现在
 | 动效强度 | 体验级全场景动效叙事（Porsche Consulting水准，但克制不炫技） | ✅ 2026-06-29 确认 |
 | 排版方向 | Accenture信息密度 + Bain标题对比 + Porsche图文节奏的融合方案 | ✅ 2026-06-29 确认 |
 | 品牌故事页品牌名 | 使用与 footer Logo 完全相同的青柳隶书 SVG path（`BrandCalligraphyName`），不加载 4.4MB 的 AoyagiReisho 字体文件，兼顾品牌一致性与性能 | ✅ 2026-08-18 确认 |
+| 风格主词 | Swiss Modernism 2.0（骨架）+ Bento Box Grid（信息组织）+ Hero-Centric & Conversion-Optimized（首屏转化）+ Trust & Authority & Social Proof（信任层）+ Motion-Driven（差异化记忆点）+ Accessible & Ethical（底线） | ✅ 2026-08-18 确认 |
+| 官网产品模块定位 | **IHG/字节式品牌矩阵**：官网品牌宣传为主，产品矩阵页保留为聚合入口（每产品一句话定位+指标证据+外链独立站）；成熟产品 `externalUrl` 外链独立站（NovaVis → novavis.p.novalon.cn 已实践），未成熟产品官网详情页占位，独立站上线后切换外链。参照案例（已核实）：IHG 品牌组合页 / 字节跳动 bytedance.com/products / 腾讯 tencent.com/business.html（模式 B：品牌+品牌矩阵聚合页）；对照金蝶/用友（模式 C：产品为主，官网承载详情与转化） | ✅ 2026-08-19 确认 |
 
 ## 页面类型与四层映射
 
@@ -201,7 +203,7 @@ Novalon 的 6 个核心产品，互为互补关系，常以组合形式出现在
 - **"web-design-engineer"≠ 代码生成器**：它是设计验证工具，产出原型 HTML，不是最终代码
 - **"克制动效"≠ 零动效**：动效服务于信息传达（hover 反馈、scroll reveal、卡片交互），但不做装饰性粒子/水墨动画
 - **"参考 IHG"≠ 视觉模仿 IHG**：借鉴的是 IHG 的信息架构思维（集团枢纽 + 品牌独立叙事），而非其视觉风格
-- **"产品独立"≠ 子站分裂**：独立产品有独立的展示空间和叙事自由度，但不创建独立子域名或独立设计系统
+- **"产品独立"≠ 官网撤出产品**：独立产品拥有独立子域名与独立叙事（NovaVis → novavis.p.novalon.cn 已实践，走 `externalUrl` 外链）；官网仍保留产品矩阵页作为聚合入口（每产品一句话定位+指标+外链），不承载深度详情
 - **"咨询专业风"≠ 丢弃水墨**：水墨已从"整体风格"降级为"文化基因"，现通过 ADR-0006 完全移除。网站纯走 Accenture + Bain + Porsche 咨询专业风
 - **"设计 DNA 重构"≠ 从零开始**：是对齐标准 + 清理债务 + 重点升级，而非推倒重来
 - **"Phase 0"≠ 没有产出**：虽然是"脏活累活"，但通过组件减少、文件体积下降、测试覆盖率提升等可量化指标体现价值