团队 OKR 同步 template

帮我把我们组这个季度的 OKR 做成一个手机上好看的进度同步网页，发在团队群里，大家每周在页面里更新自己的进度。页头是团队名、部门、第几周同步、本季起止日期、组长和人数；首屏最大的是一个团队进度圆环：外环是按 KR 进度加权汇总的团队进度（每个 O 取名下 KR 的平均，再按 O 的权重相加），内环是本季时间已过去多少，旁边写时间进度和剩余天数，进度落后于时间就用一行提示色写「比时间慢 N 个点」并点名红灯的 KR，下面两条 O 的进度条。接着「目标与关键结果」：每个 O 下列 KR，每条带负责人（首字色块头像）、当前值 / 目标值、进度条（条上一根虚线标时间进度）和信心三档（有信心 / 有风险 / 要帮忙，绿黄红）。然后「成员」：一排头像可点，点谁就只看谁的卡片，卡片里是他的个人进度小环和名下的 O / KR。再是「更新我的进度」表单（我是谁、更新哪条 KR、进度滑杆、信心三选一、一句话说明），提交存进一张数据表，页面就地更新那条 KR 和圆环；页面打开时读这张表，每条 KR 取最新一条覆盖，并在「最近更新」里按时间列出来。最后写下次对齐会的时间地点。少用底色块，用细线分隔；电脑上排成看板：圆环和 O 横排在上，下面左边 KR、右边成员。每周更新到同一个链接。

Reference template: first read https://space.24haowan.com/examples/sample-okr-sync/agent.md and follow its structure and layout, replacing all content with mine. Deliver one self-contained HTML file (styles inline, no external files, good on phones) and give me the .html file to download.
· If you have LivePage tools (MCP): use sample sample-okr-sync as the base (list_examples key=sample-okr-sync), publish it on LivePage and show me the preview first.
· No LivePage tools but you can send HTTPS requests: POST the finished HTML with Content-Type: text/html to https://space.24haowan.com/api/quick?client=template-sample-okr-sync and give me the preview link and claim link it returns (a 7-day temporary link).
If you don't have the LivePage connector (MCP) yet, read https://space.24haowan.com/for-agents.md first and follow it to connect, or publish without signing in.

Doubao, DeepSeek, Kimi, Yuanbao, ChatGPT, Claude… any agent that can read a link