Now the `` structure: Intro will have a hero-like header, focusing on "Cloud Sync". The Focus section should be about real-time sync. "Key Path" will show how to get started/check reliability, and "Usage" will be about the borderline cases/notes.
*Important:* The prompt specifically prohibits certain words, namely nav, menu, btn, card, section, container, etc. I *must* use `vane`, `datum`, `mark`, `script`, `folio`, `pulse`, `coda`, and `vessel` instead. I need to be careful with the mapping table.
The prompt requires a consistent `:root` variables definition. I will define:
* `vane` (Nav bar)
* `vessel` (Main wrapper)
* `mark` (Heading)
* `script` (Body text)
* `folio` (Cards)
* `pulse` (Buttons/Interactive elements)
The navigation menu must include links to `index.html`, `setup.html`, `assets.html`, `strategy.html`, and `storage.html`, with `storage.html` having the `active` class.
For the article content, I'll focus the intro on "开启WPS云同步,文档多端实时更新,数据永不丢失。" The "Focus" will theme "云协作主题焦点", the Path section will explain "核心信息路径", and the "Context" `aside` will explain "使用场景与补充说明". I'll use SVG icons for visuals like cloud symbol, sync arrows, and a shield for security.
I'm double-checking the constraints
WPS云同步 - 多端协作与数据实时备份 - WPS Suite官网