skill-forge-hub 1.0.7 → 1.1.0

package/team-report-collector/resources/collect.md

@@ -0,0 +1,23 @@
+# 收集数据（阶段 1）
+
+## 数据来源（三种，可混用）
+
+1. **口述**：用户直接说「张三：今日做了 A，明日做 B，无风险」「李四的日报：…」→ 逐人整理为字段
+2. **文件批量**：用户给 md/txt/csv/xlsx 文件（每位成员一段/一行）→ Read/解析后按人拆条；csv/xlsx 表头需含 成员/日期/进展/计划/风险 任几列，缺失列留空
+3. **页面导出导入**：用户在收集台页面填完点「导出 JSON」得到 reports.json → 用户发回该文件时以它为准合并（同成员同日期覆盖旧值）
+
+## 字段规范
+
+| 字段 | 说明 |
+|:---|:---|
+| name | 成员名（显示用） |
+| date | 日报日期 YYYY-MM-DD（缺省用 REPORT_DATE 或今天） |
+| progress | 今日进展（做了什么） |
+| plan | 明日计划（准备做什么） |
+| risk | 风险阻塞（无则空字符串，不写「无」之外的套话） |
+
+## 合并去重
+
+- 同一成员（name）+ 同一天（date）多条 → 合并：progress 以「；」拼接、plan 同样拼接、risk 合并去重
+- 日期统一 YYYY-MM-DD；成员名保留用户原话写法（不擅自改花名/英文名）
+- 收集结果清单（成员数 / 日报条数 / 缺报成员提示——TEAM 只影响标题不影响名单，名单以本次收集实际成员为准）展示给用户确认后进阶段 2

package/team-report-collector/resources/generate.md

@@ -0,0 +1,14 @@
+# 生成产物（阶段 2）
+
+## 三件套（全部落盘到 DIR）
+
+1. **reports.json**（数据真相源）：数组结构 `[{"name":"张工","date":"2026-11-12","progress":"…","plan":"…","risk":""}]`；每次生成整体重写该文件，页面导出的更新以它为准合并
+2. **team-report.html**（收集台）：先 Read `resources/reference.html` 全文，以其为骨架模板逐处替换数据——①头部 meta：`sf-template` 版本戳保持当前模板版本、`trc-id` 换成新 UUID（crypto.randomUUID() 标准 v4，落盘前顺扫落盘目录下本技能命名的 html 读 id meta 查重，撞号重掷）②`<title>` 与头部标题卡文字换成 TITLE ③`window.TRC_DATA = [...]` 初始数据数组换成本次收集结果（JSON 序列化，注意转义引号）④日期徽章换成 REPORT_DATE。其余（CSS/JS/结构）一律不许动；样式参数解释与禁止项见 `resources/html-rules.md`
+3. **summary.md**（汇总）：按日期分组的 Markdown 汇总——`## 2026-11-12（N 人已报）` 下每位成员一段（进展/计划/风险三行），末尾「风险集中项」小节聚合非空 risk 条目；对话中照常输出汇总正文
+
+## 落盘纪律
+
+- 文件名：`team-report.html` + `reports.json` + `summary.md`（同目录并存，目录已存在直接复用，只覆盖本清单内同名文件）
+- OPEN_HTML: true 且落盘了 html 时自动打开浏览器（macOS：open <html文件>；Windows PowerShell：Start-Process <html文件>）
+- **落盘完成后对话报告落盘位置**：完整路径清单（三件套），并注明 html 是否已在浏览器打开
+- 同一目录重复生成时：以最新收集数据为准重写三件套；页面里用户新增但未导出的本地数据无法读取，提示用户「先导出 JSON 再发我，我帮你并入」

package/team-report-collector/resources/html-rules.md

@@ -0,0 +1,22 @@
+> ⛔ **Reference 铁律（最高优先）**：本目录 `reference.html` 是定稿样式源码。生成 HTML 时必须先 Read `resources/reference.html` 与本文件两份，以 reference.html 为骨架模板逐处替换数据（标题/日期徽章/TRC_DATA 数组/trc-id UUID），本文件的描述是参数解释、变体规则与禁止项；两者冲突时**以 reference.html 为准**。修改本 skill 的 HTML 效果时，必须同步更新 `resources/reference.html` 与本文档的对应描述，禁止只改一处。
+
+# 收集台 HTML 版式（五主题令牌 + 科技感背景层，与日报/周报同体系）
+
+## 版式总览
+
+- 五主题令牌：tech（深蓝科技，默认）/ biz（浅色商务）/ mono（IDEA 黑亮）/ light（IDEA 白亮）/ warm（温暖渐变），色值与 daily-report 同一套 12 核心契约（另含收集台扩展 --panel2 列表条目底、--input-bg 表单输入底）；`html[data-theme]` 运行时切换；右下角换肤坞五色点随点随换、localStorage 记忆（键 `trc:<ID>-theme`，ID = 页内嵌 trc-id meta，多份产物互不串台、改名/移动目录记忆不丢）
+- 字体全用系统本地字体栈（ui-monospace/'SF Mono'/SFMono-Regular/Menlo/Consolas/system-ui，品牌字体 PingFang/YaHei/apple-system 零出现），禁止 CDN、@import、外链 CSS/JS/图片/网络字体——页面离线双击可开
+- 三张卡：标题卡（团队名 + 日期徽章 + 统计三数：成员数/日报条数/风险条数）+ 表单卡（姓名/日期/进展/计划/风险五字段 + 保存按钮）+ 汇总列表卡（按日期分组的成员条目 + 导出 JSON / 导入 JSON 按钮）
+- 多文件隔离（必植）：头部写 `<meta name="trc-id" content="<UUID>">`（crypto.randomUUID() 标准 UUID v4）；localStorage 键一律 `trc:<ID>-xxx`（xxx 为具体用途后缀 theme/reports），禁止裸通用键名；页面 JS 启动时校验 id meta——非法或缺失（占位残留/手写变体/误沿用旧值）时按路径键（`'sf-heal:' + location.pathname`）自愈为 crypto.randomUUID() 标准 v4 并回写 meta，console.warn 显性报警；路径键持久化保证同文件跨打开稳定复用；合法 UUID 原样放行
+- 版本戳：`<meta name="sf-template" content="team-report-collector@1">`（模板升级递增 @N）
+- 入场动画：三张卡错峰上浮淡入（标题 0s/表单 0.13s/列表 0.26s）；卡片入场动画 fill-mode 必须用 backwards 严禁 both（both 使动画结束帧覆盖 hover transform）；滚动入场用 IntersectionObserver + 2s 兜底 setTimeout 强制全显（headless 截图 / 打印预览 / PDF 导出环境卡片不得永久隐藏）
+- 科技感背景层四件套（与日报/周报同款）：SVG 微噪点（opacity .04，mono 退隐）+ 60px 网格底纹 + 星点（biz/light/warm 退隐 .28、mono 灰白化）+ 全屏扫描线 + 循环光带；容器 .wrap 宽 clamp(640px, 60%, 1200px)（移动端 100%）；卡片面板实色 + 8px 水平条纹 + 上下高光线 + 圆角 6px + 卡阴影；头部卡含光晕呼吸（.card-glow）与四边扫描线（.scanline-el）；标题渐变文字（--title-grad）+ 光晕
+- ?shot 截图模式：页面 JS 检测 location.search 含 shot 时给 html 挂 data-shot 属性（CSS 关闭入场动画直接终态，headless 虚拟时间下动画帧不推进会停在初始帧导致截图空白）、强制全部卡片 opacity 1、隐藏换肤坞，body 四周 padding 统一 40px，供主体内容截图
+- 页脚 10px muted 文字，署名固定 GENERATED BY AI TEAM（禁止真实团队名/项目名）
+
+## 数据流（TRC_DATA）
+
+- `window.TRC_DATA`：生成时内嵌的初始数据数组（字段 name/date/progress/plan/risk，JSON 序列化注意转义）；页面启动时优先读 localStorage `trc:<ID>-reports`，有则覆盖初始数组展示
+- 页面「保存」：表单提交 → 追加/合并进本地数组（同 name+date 合并）→ 写 localStorage
+- 「导出 JSON」：Blob 下载 reports.json（含本地最新数据）；「导入 JSON」：file input 读 json 合并进本地数组
+- 渲染：按 date 分组倒序、组内按 name 排序；每条显示进展/计划/风险三行（风险空则不显该行），风险行强调色标

package/team-report-collector/resources/reference.html

@@ -0,0 +1,384 @@
+<!DOCTYPE html>
+<html lang="zh-CN" data-theme="tech">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="sf-template" content="team-report-collector@1">
+<meta name="trc-id" content="REF-TRC-0000">
+<title>示例团队日报收集台</title>
+<style>
+/* ═══ 五主题令牌：与 daily-report 同一套 12 核心契约（--bg/--bg2/--panel/--panel-solid/--card-shadow/--text/--muted/--accent/--accent2/--border/--glow/--glow-soft）+ 收集台扩展（--panel2/--input-bg）；html[data-theme] 运行时切换，THEME 生成时定默认 ═══ */
+:root, [data-theme="tech"]{
+  --bg:#0a1929; --bg2:#071525; --panel:rgba(11,30,55,.9); --panel-solid:#0b1e37;
+  --panel2:#0d2236; --input-bg:rgba(2,12,27,.85);
+  --card-shadow:0 1px 0 rgba(255,255,255,.05) inset, 0 12px 32px rgba(1,6,16,.5), 0 0 24px rgba(14,165,233,.15);
+  --text:#bae6fd; --muted:#5b7fa5; --accent:#0ea5e9; --accent2:#14b8a6;
+  --border:rgba(14,165,233,.18); --glow:rgba(14,165,233,.35); --glow-soft:rgba(14,165,233,.15);
+  --title-grad:linear-gradient(90deg,#7dd3fc,#0ea5e9 45%,#818cf8);
+  --tag-bg:rgba(14,165,233,.12);
+  --scan:rgba(0,240,255,.2); --scan-dim:rgba(0,240,255,.05);
+  --green:#14b8a6; --orange:#f97316; --rose:#f43f5e;
+}
+[data-theme="biz"]{
+  --bg:#e8ecf5; --bg2:#dde3ef; --panel:rgba(255,255,255,.97); --panel-solid:#ffffff;
+  --panel2:#f1f5f9; --input-bg:#f8fafc;
+  --card-shadow:0 1px 2px rgba(15,23,42,.05), 0 10px 28px rgba(15,23,42,.12);
+  --text:#1e293b; --muted:#64748b; --accent:#2563eb; --accent2:#0891b2;
+  --border:rgba(37,99,235,.14); --glow:rgba(37,99,235,.18); --glow-soft:rgba(37,99,235,.12);
+  --title-grad:linear-gradient(90deg,#1e40af,#2563eb 55%,#0891b2);
+  --tag-bg:rgba(37,99,235,.08);
+  --scan:rgba(37,99,235,.14); --scan-dim:rgba(37,99,235,.04);
+  --green:#0d9488; --orange:#ea580c; --rose:#e11d48;
+}
+[data-theme="mono"]{ /* IDEA 黑亮：JetBrains New UI Dark 官方（编辑区 #1e1f22 + 面板 #2b2d30 + 描边 #3c3f41） */
+  --bg:#1e1f22; --bg2:#2b2d30; --panel:rgba(43,45,48,.95); --panel-solid:#2b2d30;
+  --panel2:#34373a; --input-bg:#26282b;
+  --card-shadow:0 1px 0 rgba(255,255,255,.06) inset, 0 12px 32px rgba(0,0,0,.5), 0 0 24px rgba(53,116,240,.16);
+  --text:#dfe1e5; --muted:#9aa0a6; --accent:#3574f0; --accent2:#5e9aff;
+  --border:rgba(53,116,240,.26); --glow:rgba(53,116,240,.3); --glow-soft:rgba(53,116,240,.13);
+  --title-grad:linear-gradient(90deg,#dfe1e5,#5e9aff 50%,#3574f0);
+  --tag-bg:rgba(53,116,240,.13);
+  --scan:rgba(223,225,229,.18); --scan-dim:rgba(223,225,229,.07);
+  --green:#4da36b; --orange:#d09645; --rose:#d85f73;
+}
+[data-theme="light"]{ /* IDEA 白亮：IntelliJ Light 官方（白编辑区 + 浅灰面板 #f2f2f2 + IDEA 蓝 #2675bf） */
+  --bg:#ffffff; --bg2:#f2f2f2; --panel:rgba(255,255,255,.98); --panel-solid:#ffffff;
+  --panel2:#f2f2f2; --input-bg:#ffffff;
+  --card-shadow:0 1px 2px rgba(30,31,34,.06), 0 10px 28px rgba(30,31,34,.12);
+  --text:#1e1f22; --muted:#6e7781; --accent:#2675bf; --accent2:#4a9be0;
+  --border:rgba(38,117,191,.18); --glow:rgba(38,117,191,.2); --glow-soft:rgba(38,117,191,.1);
+  --title-grad:linear-gradient(90deg,#1e5f9f,#2675bf 55%,#4a9be0);
+  --tag-bg:rgba(38,117,191,.08);
+  --scan:rgba(38,117,191,.12); --scan-dim:rgba(38,117,191,.04);
+  --green:#2f8a5b; --orange:#d97706; --rose:#d6336c;
+}
+[data-theme="warm"]{
+  --bg:#f7ebd9; --bg2:#efe0c8; --panel:rgba(255,250,243,.97); --panel-solid:#fffaf3;
+  --panel2:#f5ead7; --input-bg:#fffbf4;
+  --card-shadow:0 1px 2px rgba(120,72,24,.07), 0 10px 28px rgba(120,72,24,.13);
+  --text:#43301f; --muted:#8a7565; --accent:#d97706; --accent2:#ea580c;
+  --border:rgba(217,119,6,.18); --glow:rgba(217,119,6,.22); --glow-soft:rgba(217,119,6,.14);
+  --title-grad:linear-gradient(90deg,#b45309,#d97706 50%,#ea580c);
+  --tag-bg:rgba(217,119,6,.08);
+  --scan:rgba(217,119,6,.16); --scan-dim:rgba(217,119,6,.04);
+  --green:#3f8f4f; --orange:#c2410c; --rose:#be123c;
+}
+/* 浅色主题下星点氛围自然退隐 */
+[data-theme="biz"] .stars, [data-theme="light"] .stars, [data-theme="warm"] .stars{ opacity:.28; }
+/* mono 黑亮下氛围换装：星点改中性灰白，噪点层同退（不泛蓝） */
+[data-theme="mono"] .stars{ background-image:
+  radial-gradient(1px 1px at 12% 18%, rgba(223,225,229,.32), transparent),
+  radial-gradient(1px 1px at 28% 64%, rgba(223,225,229,.28), transparent),
+  radial-gradient(1.5px 1.5px at 41% 32%, rgba(223,225,229,.26), transparent),
+  radial-gradient(1px 1px at 56% 78%, rgba(223,225,229,.24), transparent),
+  radial-gradient(1px 1px at 67% 12%, rgba(223,225,229,.26), transparent),
+  radial-gradient(1.5px 1.5px at 79% 52%, rgba(223,225,229,.28), transparent),
+  radial-gradient(1px 1px at 88% 86%, rgba(223,225,229,.3), transparent),
+  radial-gradient(1px 1px at 93% 24%, rgba(223,225,229,.3), transparent); }
+[data-theme="mono"] body::before{ display:none; }
+
+*{margin:0;padding:0;box-sizing:border-box}
+html,body{background:var(--bg)}
+body{
+  color:var(--text); font-family:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,system-ui,sans-serif;
+  min-height:100vh; padding:40px 20px; position:relative; overflow-x:hidden;
+}
+body::before{
+  content:''; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.04;
+  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
+}
+.grid-pattern{
+  position:fixed; inset:0; z-index:0; pointer-events:none;
+  background-image:linear-gradient(var(--scan-dim) 1px, transparent 1px),linear-gradient(90deg, var(--scan-dim) 1px, transparent 1px);
+  background-size:60px 60px;
+}
+.stars{
+  position:fixed; inset:0; z-index:0; pointer-events:none;
+  background-image:
+    radial-gradient(1px 1px at 12% 18%, rgba(255,255,255,.38), transparent),
+    radial-gradient(1px 1px at 28% 64%, rgba(0,240,255,.48), transparent),
+    radial-gradient(1.5px 1.5px at 41% 32%, rgba(255,255,255,.3), transparent),
+    radial-gradient(1px 1px at 56% 78%, rgba(168,85,247,.4), transparent),
+    radial-gradient(1px 1px at 67% 12%, rgba(0,255,136,.4), transparent),
+    radial-gradient(1.5px 1.5px at 79% 52%, rgba(0,240,255,.45), transparent),
+    radial-gradient(1px 1px at 88% 86%, rgba(255,255,255,.34), transparent),
+    radial-gradient(1px 1px at 93% 24%, rgba(0,240,255,.5), transparent);
+}
+.scanlines{
+  position:fixed; inset:0; z-index:999; pointer-events:none;
+  background:repeating-linear-gradient(0deg, transparent 0 2px, var(--scan-dim) 2px 4px);
+}
+.scanband{
+  position:fixed; left:0; right:0; height:150px; z-index:998; pointer-events:none;
+  background:linear-gradient(180deg, transparent, var(--scan-dim) 50%, transparent);
+  animation:scanMove 11s linear infinite;
+}
+@keyframes scanMove{ from{top:-22%;} to{top:112%;} }
+.wrap{width:clamp(640px,60%,1200px);margin:0 auto;position:relative;z-index:1}
+.card{
+  position:relative; background:var(--panel-solid);
+  background-image:repeating-linear-gradient(180deg, rgba(255,255,255,.012) 0 1px, transparent 1px 8px);
+  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
+  border-radius:6px; padding:24px; margin-bottom:18px; overflow:hidden;
+  box-shadow:var(--card-shadow);
+  animation:riseIn .5s ease backwards;
+}
+@keyframes riseIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
+.header-card{animation-delay:0s}
+.form-card{animation-delay:.13s}
+.list-card{animation-delay:.26s}
+.card-glow{
+  position:absolute; inset:0; pointer-events:none; transform-origin:top center;
+  background:radial-gradient(ellipse at 50% 10%, var(--glow), transparent 70%);
+  opacity:.5; animation:cardGlow 3s ease-in-out infinite;
+}
+@keyframes cardGlow{ 0%,100%{opacity:.5; transform:scale(1);} 50%{opacity:1; transform:scale(1.6);} }
+.scanline-el{ position:absolute; pointer-events:none; z-index:3; }
+.scan-x{ left:0; right:0; height:1px; background:linear-gradient(90deg, transparent, var(--accent), transparent); }
+.scan-y{ top:0; bottom:0; width:1px; background:linear-gradient(180deg, transparent, var(--accent), transparent); }
+.scan-top{ top:0; animation:scanX 3s linear infinite; }
+.scan-right{ right:0; animation:scanY 3s linear infinite; }
+.scan-bottom{ bottom:0; animation:scanXrev 3s linear infinite; }
+.scan-left{ left:0; animation:scanYrev 3s linear infinite; }
+@keyframes scanX{ from{transform:translateX(-100%);} to{transform:translateX(100%);} }
+@keyframes scanXrev{ from{transform:translateX(100%);} to{transform:translateX(-100%);} }
+@keyframes scanY{ from{transform:translateY(-100%);} to{transform:translateY(100%);} }
+@keyframes scanYrev{ from{transform:translateY(100%);} to{transform:translateY(-100%);} }
+.header-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
+.header-card h1{
+  position:relative; z-index:2; font-size:22px; font-weight:900; letter-spacing:.5px;
+  background:var(--title-grad);
+  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
+  text-shadow:0 0 16px var(--glow), 0 0 40px var(--glow-soft);
+}
+.badges{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap}
+.badge{font-size:11.5px;color:var(--muted);background:var(--tag-bg);border:1px solid var(--border);border-radius:20px;padding:4px 12px}
+.stats{position:relative;z-index:2;display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;width:100%}
+.stat{font-size:12px;color:var(--muted)}
+.stat b{color:var(--accent);font-size:18px;margin-right:4px}
+.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
+.field label{font-size:12px;color:var(--muted)}
+.field input,.field textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:9px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s ease}
+.field input:focus,.field textarea:focus{border-color:var(--accent)}
+.field textarea{min-height:56px;resize:vertical}
+.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
+.btn{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:6px;padding:10px 22px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 0 18px var(--glow)}
+.btn:hover{transform:translateY(-1px)}
+.btn:active{transform:translateY(1px)}
+.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--border);box-shadow:none}
+.toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
+.day-group{margin-bottom:18px}
+.day-title{font-size:13px;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:8px}
+.day-title::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
+.item{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin-bottom:10px;transition:background .2s ease}
+.item:hover{background:var(--tag-bg)}
+.item .who{font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}
+.item .line{font-size:13px;line-height:1.7;color:var(--text);margin-bottom:3px}
+.item .line span{color:var(--muted);font-size:12px;margin-right:6px}
+.item .line.risk{color:var(--rose)}
+.empty{color:var(--muted);font-size:13px;text-align:center;padding:28px 0}
+footer{text-align:center;color:var(--muted);font-size:10px;margin-top:26px}
+.theme-dock{position:fixed;right:18px;bottom:18px;z-index:1001;display:flex;gap:8px;background:var(--panel-solid);border:1px solid var(--border);border-radius:999px;padding:8px 10px;box-shadow:0 4px 18px rgba(0,0,0,.3)}
+.th-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease}
+.th-dot:hover{transform:scale(1.18)}
+.th-dot.on{border-color:var(--text)}
+.th-dot[data-theme="tech"]{background:#0ea5e9}
+.th-dot[data-theme="biz"]{background:#2563eb}
+.th-dot[data-theme="mono"]{background:#1e1f22}
+.th-dot[data-theme="light"]{background:#ffffff}
+.th-dot[data-theme="warm"]{background:#d97706}
+html[data-shot] .card{animation:none!important}
+@media (max-width:680px){body{padding:24px 12px}.wrap{width:100%}.row2{grid-template-columns:1fr}.header-card h1{font-size:18px}}
+@media print{.theme-dock,.btn{display:none}}
+</style>
+</head>
+<body>
+<div class="grid-pattern"></div>
+<div class="stars"></div>
+<div class="scanband"></div>
+<div class="scanlines"></div>
+<div class="wrap">
+  <div class="card header-card">
+    <div class="card-glow"></div>
+    <span class="scanline-el scan-x scan-top"></span>
+    <span class="scanline-el scan-y scan-right"></span>
+    <span class="scanline-el scan-x scan-bottom"></span>
+    <span class="scanline-el scan-y scan-left"></span>
+    <h1>示例团队日报收集台</h1>
+    <div class="badges">
+      <span class="badge">📅 <span id="d-badge">2026-11-12</span></span>
+      <span class="badge" id="t-badge">tech</span>
+    </div>
+    <div class="stats">
+      <span class="stat"><b id="s-members">2</b>成员</span>
+      <span class="stat"><b id="s-reports">2</b>日报</span>
+      <span class="stat"><b id="s-risks">1</b>风险</span>
+    </div>
+  </div>
+  <div class="card form-card">
+    <div class="row2">
+      <div class="field"><label>成员姓名</label><input id="f-name" placeholder="张工"></div>
+      <div class="field"><label>日期</label><input id="f-date" type="date"></div>
+    </div>
+    <div class="field"><label>今日进展</label><textarea id="f-progress" placeholder="完成了什么"></textarea></div>
+    <div class="field"><label>明日计划</label><textarea id="f-plan" placeholder="准备做什么"></textarea></div>
+    <div class="field"><label>风险阻塞</label><textarea id="f-risk" placeholder="无则留空"></textarea></div>
+    <div style="display:flex;gap:10px">
+      <button class="btn" id="save-btn">保存日报</button>
+      <button class="btn ghost" id="clear-btn">清空表单</button>
+    </div>
+  </div>
+  <div class="card list-card">
+    <div class="toolbar">
+      <button class="btn ghost" id="export-btn">导出 JSON</button>
+      <button class="btn ghost" id="import-btn">导入 JSON</button>
+      <input type="file" id="import-file" accept=".json" style="display:none">
+    </div>
+    <div id="list"></div>
+  </div>
+  <footer>GENERATED BY AI TEAM · 2026-11</footer>
+</div>
+<div class="theme-dock" id="themeDock">
+  <button class="th-dot" type="button" data-theme="tech" title="深蓝科技"></button>
+  <button class="th-dot" type="button" data-theme="biz" title="浅色商务"></button>
+  <button class="th-dot" type="button" data-theme="mono" title="IDEA 黑亮"></button>
+  <button class="th-dot" type="button" data-theme="light" title="IDEA 白亮"></button>
+  <button class="th-dot" type="button" data-theme="warm" title="温暖渐变"></button>
+</div>
+<script>
+window.TRC_DATA = [
+  {"name":"张工","date":"2026-11-12","progress":"完成登录模块接口联调","plan":"补单元测试并提测","risk":"测试环境不稳定"},
+  {"name":"李工","date":"2026-11-12","progress":"日报模块前端页面初稿","plan":"接入接口与交互细节","risk":""}
+];
+(function(){
+  var KEY = 'sf-heal:' + location.pathname;
+  var m = document.querySelector('meta[name="trc-id"]');
+  var ok = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(m ? m.content : '');
+  var ID;
+  if (ok) { ID = m.content; }
+  else {
+    var v = localStorage.getItem(KEY);
+    if (!v) { v = crypto.randomUUID(); localStorage.setItem(KEY, v); }
+    ID = v;
+    m.setAttribute('content', v);
+    console.warn('[trc] 非法 id meta 已自愈为 ' + v);
+  }
+  var REPORTS_KEY = 'trc:' + ID + '-reports';
+  var THEME_KEY = 'trc:' + ID + '-theme';
+  var seed = window.TRC_DATA || [];
+  var saved = localStorage.getItem(REPORTS_KEY);
+  var reports = saved ? JSON.parse(saved) : seed;
+
+  function esc(s){ return String(s == null ? '' : s).replace(/[&<>"]/g, function(c){ return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]; }); }
+  function today(){ var d = new Date(); var p = function(n){ return n < 10 ? '0' + n : n; }; return d.getFullYear() + '-' + p(d.getMonth()+1) + '-' + p(d.getDate()); }
+  function persist(){ localStorage.setItem(REPORTS_KEY, JSON.stringify(reports)); }
+  function render(){
+    var groups = {};
+    reports.forEach(function(r){
+      (groups[r.date] = groups[r.date] || []).push(r);
+    });
+    var dates = Object.keys(groups).sort().reverse();
+    var html = '';
+    if (!dates.length) { html = '<div class="empty">暂无日报，填写表单开始收集</div>'; }
+    dates.forEach(function(d){
+      html += '<div class="day-group"><div class="day-title">' + esc(d) + ' · ' + groups[d].length + ' 人已报</div>';
+      groups[d].forEach(function(r){
+        html += '<div class="item"><div class="who">' + esc(r.name) + '</div>';
+        if (r.progress) html += '<div class="line"><span>进展</span>' + esc(r.progress) + '</div>';
+        if (r.plan) html += '<div class="line"><span>计划</span>' + esc(r.plan) + '</div>';
+        if (r.risk) html += '<div class="line risk"><span>风险</span>' + esc(r.risk) + '</div>';
+        html += '</div>';
+      });
+      html += '</div>';
+    });
+    document.getElementById('list').innerHTML = html;
+    var names = {}; var risks = 0;
+    reports.forEach(function(r){ names[r.name] = 1; if (r.risk) risks++; });
+    document.getElementById('s-members').textContent = Object.keys(names).length;
+    document.getElementById('s-reports').textContent = reports.length;
+    document.getElementById('s-risks').textContent = risks;
+  }
+  document.getElementById('save-btn').addEventListener('click', function(){
+    var name = document.getElementById('f-name').value.trim();
+    var date = document.getElementById('f-date').value || today();
+    var progress = document.getElementById('f-progress').value.trim();
+    var plan = document.getElementById('f-plan').value.trim();
+    var risk = document.getElementById('f-risk').value.trim();
+    if (!name) { alert('请填写成员姓名'); return; }
+    if (!progress && !plan && !risk) { alert('进展/计划/风险至少填一项'); return; }
+    var ex = reports.filter(function(r){ return r.name === name && r.date === date; })[0];
+    if (ex) {
+      if (progress) ex.progress = ex.progress ? ex.progress + '；' + progress : progress;
+      if (plan) ex.plan = ex.plan ? ex.plan + '；' + plan : plan;
+      if (risk) ex.risk = ex.risk ? ex.risk + '；' + risk : risk;
+    } else {
+      reports.push({name:name, date:date, progress:progress, plan:plan, risk:risk});
+    }
+    persist(); render();
+    ['f-name','f-progress','f-plan','f-risk'].forEach(function(id){ document.getElementById(id).value = ''; });
+    document.getElementById('f-date').value = today();
+  });
+  document.getElementById('clear-btn').addEventListener('click', function(){
+    ['f-name','f-progress','f-plan','f-risk'].forEach(function(id){ document.getElementById(id).value = ''; });
+  });
+  document.getElementById('export-btn').addEventListener('click', function(){
+    var blob = new Blob([JSON.stringify(reports, null, 2)], {type:'application/json'});
+    var a = document.createElement('a');
+    a.href = URL.createObjectURL(blob);
+    a.download = 'reports.json';
+    a.click();
+    URL.revokeObjectURL(a.href);
+  });
+  document.getElementById('import-btn').addEventListener('click', function(){
+    document.getElementById('import-file').click();
+  });
+  document.getElementById('import-file').addEventListener('change', function(ev){
+    var f = ev.target.files[0];
+    if (!f) return;
+    var rd = new FileReader();
+    rd.onload = function(){
+      try {
+        var arr = JSON.parse(rd.result);
+        if (!Array.isArray(arr)) throw new Error('not array');
+        arr.forEach(function(r){ reports.push(r); });
+        persist(); render();
+      } catch(e) { alert('导入失败：不是合法的 reports.json 数组'); }
+    };
+    rd.readAsText(f);
+  });
+  /* 主题换肤：五套配色随点随换；记忆上次选择（localStorage，失败静默）；?shot 截图模式隐藏坞 */
+  var THEMES = ['tech','biz','mono','light','warm'];
+  var dock = document.getElementById('themeDock');
+  var tBadge = document.getElementById('t-badge');
+  function applyTheme(t){
+    document.documentElement.setAttribute('data-theme', t);
+    try { localStorage.setItem(THEME_KEY, t); } catch(e) {}
+    tBadge.textContent = t;
+    dock.querySelectorAll('.th-dot').forEach(function(d){ d.classList.toggle('on', d.getAttribute('data-theme') === t); });
+  }
+  var savedTheme = null;
+  try { savedTheme = localStorage.getItem(THEME_KEY); } catch(e) {}
+  var initial = (savedTheme && THEMES.indexOf(savedTheme) !== -1) ? savedTheme : 'tech';
+  applyTheme(initial);
+  dock.querySelectorAll('.th-dot').forEach(function(d){
+    d.addEventListener('click', function(){ applyTheme(d.getAttribute('data-theme')); });
+  });
+  document.getElementById('d-badge').textContent = '2026-11-12';
+  if (location.search.indexOf('shot') !== -1) {
+    document.documentElement.setAttribute('data-shot', '1');
+    document.querySelectorAll('.card').forEach(function(c){ c.style.opacity = '1'; c.style.transform = 'none'; });
+    dock.style.display = 'none';
+    document.body.style.padding = '40px';
+  }
+  render();
+  if ('IntersectionObserver' in window) {
+    var io = new IntersectionObserver(function(es){
+      es.forEach(function(e){ if (e.isIntersecting) { e.target.style.opacity = '1'; e.target.style.transform = 'none'; io.unobserve(e.target); } });
+    }, {threshold:.1});
+    document.querySelectorAll('.card').forEach(function(c){ io.observe(c); });
+    setTimeout(function(){ document.querySelectorAll('.card').forEach(function(c){ c.style.opacity = '1'; c.style.transform = 'none'; }); }, 2000);
+  }
+})();
+</script>
+</body>
+</html>