feat: landing page redesign

- New hero headline "Turn any video into a watch party" with animated
  gradient highlight, sharper subtitle and quiet trust line under the CTAs
- Changelog badge redesigned as the koala's speech bubble (version and
  release date baked in at build time, no version.json fetch anymore)
- Light/dark theme toggle in the header (dark default, pre-paint via
  lang-init, full light theme across sections)
- Use cases and "Why KoalaSync" merged into one section with the three
  strongest feature tiles; question-mark koala moved to the FAQ
- FAQ and self-hosting setup collapsed by default via shared
  section-collapse component (hash deep links auto-open them)
- Compat/juggler section more compact
- og:image switched to the 1280x640 repository OpenGraph card (landing
  and join page), generated during build
- "watch party" keyword added to meta title/description in all 15 locales
- All em-dashes removed from user-facing copy

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

website/locales/zh.json

@@ -5,20 +5,20 @@
   "LANG_TOGGLE_URL": "../",
   "LANG_TOGGLE_TEXT": "EN",
   "OG_LOCALE": "zh_CN",
-  "META_TITLE": "KoalaSync | 与朋友同步 Netflix、YouTube 和任何视频",
-  "META_DESCRIPTION": "与朋友完美同步观看 Netflix、YouTube、Twitch 和任何 HTML5 视频。适用于 Chrome 和 Firefox 的免费开源浏览器扩展。无需注册。",
-  "SCHEMA_APP_DESC": "与朋友完美同步观看 Netflix、YouTube、Twitch 和任何 HTML5 视频。适用于 Chrome 和 Firefox 的免费开源浏览器扩展。无需注册。",
+  "META_TITLE": "KoalaSync | Netflix、YouTube 一起看派对浏览器扩展",
+  "META_DESCRIPTION": "在 Netflix、YouTube、Twitch 及任意 HTML5 视频上发起一起看派对。适用于 Chrome 和 Firefox 的免费开源扩展。无需账号、无跟踪、无广告。",
+  "SCHEMA_APP_DESC": "在 Netflix、YouTube、Twitch 及任意 HTML5 视频上发起一起看派对。适用于 Chrome 和 Firefox 的免费开源扩展。无需账号、无跟踪、无广告。",
   "OG_TITLE": "KoalaSync |与朋友同步 Netflix、Emby、Jellyfin 和几乎任何视频",
   "OG_DESCRIPTION": "完美同步观看 Netflix、Emby、Jellyfin、YouTube、Twitch 和几乎任何 HTML5 视频。适用于 Chrome 和 Firefox 的隐私第一开源浏览器扩展。",
   "TWITTER_TITLE": "KoalaSync |与朋友同步 Netflix、Emby、Jellyfin 和几乎所有视频 – 浏览器扩展",
   "TWITTER_DESCRIPTION": "与朋友完美同步观看 Netflix、Emby、Jellyfin、YouTube、Twitch 和几乎任何 HTML5 视频。适用于 Chrome 和 Firefox 的隐私第一开源浏览器扩展。",
   "NAV_FEATURES": "特征",
   "NAV_HOW_IT_WORKS": "它是如何运作的",
-  "HERO_TITLE": "一起观看.<span class='hero-line2'> 完美同步.</span>",
-  "HERO_SUBTITLE": "您的远程电影之夜没有延迟。无需注册，无需收集数据。只需分享链接即可一起观看。",
+  "HERO_TITLE": "把任意视频变成<span class='hero-highlight'>一起看派对</span>。",
+  "HERO_SUBTITLE": "远程电影之夜，毫无延迟。无需账号、无跟踪、无广告。分享链接，一起播放。",
   "HERO_MASCOT_ALT": "一只可爱的考拉站着，低头看着下载按钮",
   "DEMO_SYNC": "同步中",
-  "DEMO_HINT": "在线演示 — 在任一标签页点击播放：KoalaSync 会让两边保持同步。",
+  "DEMO_HINT": "在线演示：在任一标签页点击播放，KoalaSync 会让两边保持同步。",
   "DEMO_NO_ROOM": "尚未连接",
   "DEMO_CREATE_ROOM": "创建房间",
   "DEMO_JOINED": "已加入房间",
@@ -55,9 +55,9 @@
   "FEATURE_6_TITLE": "即时邀请/一键加入",
   "FEATURE_6_DESC": "无需交换 IP 地址或密码。与您的朋友分享生成的邀请链接，让他们只需单击一下即可自动加入您的房间。",
   "FEATURE_7_TITLE": "音量调节/音频压缩器",
-  "FEATURE_7_DESC": "不再需要调节音量旋钮。内置音频压缩器可增强安静的对话并抑制大声的爆炸声。适用于 Netflix、Prime Video、Disney+、YouTube 和任何 HTML5 视频。完全本地化——音频数据不会离开您的计算机。",
+  "FEATURE_7_DESC": "不再需要调节音量旋钮。内置音频压缩器可增强安静的对话并抑制大声的爆炸声。适用于 Netflix、Prime Video、Disney+、YouTube 和任何 HTML5 视频。完全本地化处理，音频数据不会离开您的计算机。",
   "FEATURE_8_TITLE": "开源（MIT 许可证）",
-  "FEATURE_8_DESC": "整个代码库可在 GitHub 上公开审核。没有黑匣子，没有专有 blob——从中继服务器到浏览器扩展 100% 透明。",
+  "FEATURE_8_DESC": "整个代码库可在 GitHub 上公开审核。没有黑匣子，没有专有 blob，从中继服务器到浏览器扩展 100% 透明。",
   "COMP_TITLE": "KoalaSync 与 Teleparty",
   "COMP_SUBTITLE": "了解为什么开源、无广告和隐私优先是一起观看的最佳方式。",
   "COMP_COL_FEATURE": "特征",
@@ -127,7 +127,7 @@
   "FAQ_Q_VIDEO_ACCESS": "KoalaSync 会把视频串流给我的朋友吗？",
   "FAQ_A_VIDEO_ACCESS": "不会。KoalaSync 不会串流、托管、共享视频内容，也不会绕过任何访问权限。每个人都在自己的浏览器中本地观看视频，并且需要自己拥有该网站或流媒体服务的访问权限，例如自己的 Netflix 账号。KoalaSync 只同步播放、暂停和拖动进度等播放操作。",
   "FAQ_Q2": "KoalaSync 是 Teleparty 的免费替代品吗？",
-  "FAQ_A2": "在 MIT 许可证下 100% 免费和开源。没有高级套餐、没有锁定功能、没有广告——一切都包含在内。与 Teleparty 不同，KoalaSync 的中继服务器仅是 RAM，需要零数据收集或用户帐户。",
+  "FAQ_A2": "在 MIT 许可证下 100% 免费和开源。没有高级套餐、没有锁定功能、没有广告，一切都包含在内。与 Teleparty 不同，KoalaSync 的中继服务器仅是 RAM，需要零数据收集或用户帐户。",
   "FAQ_Q3": "KoalaSync 是否可以与 Emby、Jellyfin 和自托管媒体服务器配合使用？",
   "FAQ_A3": "是的。 KoalaSync 可检测任何标准 HTML5 视频元素，这意味着它可以与 Emby、Jellyfin、Plex 和任何自定义自托管流设置完美配合。您还可以通过 Docker 自托管 KoalaSync 中继服务器，以实现完整的数据主权。",
   "FAQ_Q4": "哪些浏览器和平台支持KoalaSync？",
@@ -135,9 +135,9 @@
   "FAQ_Q5": "我所有的朋友都需要安装该扩展吗？",
   "FAQ_A5": "是的，每个参与者都需要安装 KoalaSync - 但无需注册或创建帐户。只需单击邀请链接，安装扩展程序（如果尚未安装），您将在几秒钟内自动加入房间。",
   "FAQ_Q6": "我的数据安全吗？如果我不信任官方服务器怎么办？",
-  "FAQ_A6": "完全安全。 KoalaSync 的中继服务器仅限 RAM — 所有会话数据在您离开房间时都会永久删除。没有数据库，没有日志记录，没有分析，没有帐户。如果您喜欢完全控制：您可以在几分钟内通过 Docker 自行托管您自己的私人中继服务器。整个代码库是开源的，并且可以在 GitHub 上进行审核。",
+  "FAQ_A6": "完全安全。 KoalaSync 的中继服务器仅限 RAM，所有会话数据在您离开房间时都会永久删除。没有数据库，没有日志记录，没有分析，没有帐户。如果您喜欢完全控制：您可以在几分钟内通过 Docker 自行托管您自己的私人中继服务器。整个代码库是开源的，并且可以在 GitHub 上进行审核。",
   "FAQ_Q7": "我可以修复在浏览器中观看视频时安静的对话和大声的爆炸声吗？",
-  "FAQ_A7": "是的。 KoalaSync 2.2.0 包含一个内置音频压缩器，可减少视频安静部分和大声部分之间的差距。它通过 Web Audio API 在本地运行 — 任何音频数据都不会离开您的计算机。打开弹出窗口，创建一个房间，转到“设置”→“音频处理”，打开压缩器，然后选择一个预设。适用于 Netflix、Prime Video、Disney+、YouTube 和任何 HTML5 视频网站。",
+  "FAQ_A7": "是的。 KoalaSync 2.2.0 包含一个内置音频压缩器，可减少视频安静部分和大声部分之间的差距。它通过 Web Audio API 在本地运行，任何音频数据都不会离开您的计算机。打开弹出窗口，创建一个房间，转到“设置”→“音频处理”，打开压缩器，然后选择一个预设。适用于 Netflix、Prime Video、Disney+、YouTube 和任何 HTML5 视频网站。",
   "HOWTO_TITLE": "如何使用KoalaSync与好友同步视频",
   "HOWTO_DESC": "与 YouTube、Netflix、Twitch 等平台上的朋友完美同步观看任何视频。无需注册，无需跟踪。",
   "HOWTO_STEP_1_NAME": "安装浏览器扩展",
@@ -188,7 +188,7 @@
   "FOOTER_SUPPORT": "Support KoalaSync",
   "ALT_TELEPARTY_TITLE": "KoalaSync 与 Teleparty：你应该选择哪款在线同步观影工具？",
   "ALT_TELEPARTY_META_DESC": "针对 KoalaSync 和 Teleparty 的实用对比，涵盖内置聊天功能、移动端支持、浏览器视频同步、自建媒体服务器以及开源特性等方面。",
-  "ALT_TELEPARTY_INTRO": "KoalaSync 和 Teleparty 都能解决同一个令人头疼的问题：如何一起观看视频，而无需经历“3、2、1，开始播放”这种繁琐的同步步骤。只不过，它们采取了不同的实现方式。<br><br>如果你需要内置聊天功能或希望在移动设备上观看，Teleparty 是更合理的选择。KoalaSync 则更适合桌面浏览器观影场景——即你已经通过 Discord、TeamSpeak 或其他语音通话软件进行交流，只需确保视频播放保持同步即可。<br><br>我开发 KoalaSync 的主要初衷是为了灵活性。它旨在支持几乎所有使用标准浏览器视频播放器的网站，而不仅仅局限于特定的平台列表。这包括 Emby、Jellyfin 和 Plex 等自建媒体服务，本地/私有域名，以及浏览器中的各类常规视频页面。",
+  "ALT_TELEPARTY_INTRO": "KoalaSync 和 Teleparty 都能解决同一个令人头疼的问题：如何一起观看视频，而无需经历“3、2、1，开始播放”这种繁琐的同步步骤。只不过，它们采取了不同的实现方式。<br><br>如果你需要内置聊天功能或希望在移动设备上观看，Teleparty 是更合理的选择。KoalaSync 则更适合桌面浏览器观影场景，即你已经通过 Discord、TeamSpeak 或其他语音通话软件进行交流，只需确保视频播放保持同步即可。<br><br>我开发 KoalaSync 的主要初衷是为了灵活性。它旨在支持几乎所有使用标准浏览器视频播放器的网站，而不仅仅局限于特定的平台列表。这包括 Emby、Jellyfin 和 Plex 等自建媒体服务，本地/私有域名，以及浏览器中的各类常规视频页面。",
   "ALT_TELEPARTY_WHEN_TELE_TITLE": "Teleparty 依然适用的场景",
   "ALT_TELEPARTY_WHEN_TELE_BODY": "如果你希望聊天功能集成在观影工具本身之中，Teleparty 仍然是更好的选择。KoalaSync 目前没有内置聊天功能；它默认你已经在其他平台（如 Discord、TeamSpeak、WhatsApp、Signal 或常规通话）上进行交流。<br><br>移动端支持是另一个关键因素。Teleparty 拥有专属应用程序，而 KoalaSync 目前仅支持桌面浏览器。如果你想在手机或平板电脑上同步观看 Netflix，KoalaSync 暂时并不适用。<br><br>因此，如果你最看重聊天功能和移动端支持，Teleparty 可能会更适合你的使用需求。",
   "ALT_TELEPARTY_WHEN_KOALA_TITLE": "KoalaSync 适用场景",
@@ -216,5 +216,11 @@
   "MOCK_HOST_CONTROL_LABEL": "主持人控制",
   "MOCK_HOST_CONTROL_TOGGLE": "只有我可以控制播放",
   "LABEL_SELECT_VIDEO": "选择视频",
-  "OPTION_SELECT_TAB": "-- 选择一个选项卡 --"
+  "OPTION_SELECT_TAB": "-- 选择一个选项卡 --",
+  "THEME_TOGGLE_LABEL": "切换浅色/深色模式",
+  "FAQ_SHOW_ALL": "显示全部问题",
+  "FAQ_HIDE_ALL": "收起问题",
+  "SELF_SHOW_SETUP": "显示部署指南",
+  "SELF_HIDE_SETUP": "收起指南",
+  "HERO_TRUST": "免费 · 开源 · 无需账号"
 }