fix(landscape): stop arrow labels overlapping section titles and prevent title truncation

[FenjuFu]

问题

Landscape 页（/landscape）存在两类版式冲突：

1. 关系箭头标签与分区标题重叠：SVG 标签「触发 RPA」定位在 (5, 515)，正好压在「智能体自动化 (AGENTIC-AUTOMATION)」标题栏（y≈495–525）上；「提供 API」标签同样压在「智能体引擎 (AGENT-ENGINE)」标题上。
2. 窄列分区标题被截断：「智能体管理 (AGENT-MANAGEMENT)」在 22% 宽的第三列里放不下而折行，但标题栏固定 h-[30px] 且外层 overflow-hidden，第二行被裁掉。

修改

• 「触发 RPA」「提供 API」两个标签对应的箭头都是垂直走向，将标签改为 rotate(-90) 竖排，放置在箭头旁列间/区间的空白带上，不再与任何标题或卡片内容相交（中英文标签均已调整）。
• 8 个分区标题栏统一增加 whitespace-nowrap 并将字号 13px → 12px，保证最长标题在最窄列中也能单行完整显示，杜绝此类截断。

验证

• 对全部 SVG 关系标签 × 全部分区标题做包围盒两两碰撞检测：重叠数 0。
• 全部 8 个标题 scrollWidth == clientWidth，无横向裁切。
• Prettier / 格式检查通过。

效果截图

「触发 RPA」竖排于箭头旁，「智能体自动化」标题完整：

「智能体管理」不再截断，「提供 API」竖排不再压「智能体引擎」标题:

整图：

截图托管在 pr-assets/landscape-label-fix 分支（仅存放本 PR 配图，不合入）。

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
website	Ready	Preview, Comment	Jul 14, 2026 9:36am

[dongjiang1989]

Thanks @FenjuFu We need to optimize the display for mobile devices.

[FenjuFu]

Thanks for the feedback. I optimized the mobile display for the landscape page by keeping a readable minimum scale on small screens, enabling horizontal scrolling for the full diagram, and improving the mobile download button layout. Could you please open it on your phone and review it here: https://website-git-fix-landsca-f05a53-dongjiang1989s-projects-ffb83d9f.vercel.app/landscape

[dongjiang1989]

Thanks