skill-forge-hub 0.3.0 → 0.5.0

package/daily-report/resources/reference.html

@@ -5,17 +5,60 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>今日日报 - 20261106</title>
 <style>
-:root{
-  --cyan:#0ea5e9; --bg:#0a1929; --card:#0b1e37; --border:rgba(14,165,233,.15);
-  --text:#bae6fd; --muted:#5b7fa5; --green:#14b8a6; --orange:#f97316;
-  --purple:#6366f1; --rose:#f43f5e; --glow:#0f3350;
-}
+/* ═══ 四主题令牌：12 核心契约（与 magic-deck 一致）+ 报告扩展（发光/氛围/语义色）；html[data-theme] 运行时切换，THEME 生成时定默认 ═══ */
+:root, [data-theme="tech"]{
+  --bg:#0a1929; --bg2:#071525; --panel:rgba(11,30,55,.9); --panel-solid:#0b1e37;
+  --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);
+  --heat:rgba(14,165,233,.55);
+  --green:#14b8a6; --orange:#f97316; --rose:#f43f5e;  --cp-a:rgba(186,230,253,.15); --cp-b:rgba(240,252,255,.92); --cp-tip:#fff; --cp-glow0:0 0 5px 2px rgba(186,230,253,.6); --cp-glow1:0 0 7px 2.5px rgba(224,254,255,.85); --cpd-a:rgba(224,254,255,.25); --cpd-b:rgba(255,255,255,.96); --cpd-tip:#fff; --cpd-glow0:0 0 6px 2.5px rgba(224,254,255,.7); --cpd-glow1:0 0 8px 3px rgba(255,255,255,.85); --cm-f0:drop-shadow(0 0 1.5px rgba(255,255,255,.9)) drop-shadow(0 0 7px rgba(255,255,255,.5)) drop-shadow(0 0 14px rgba(224,254,255,.35)) drop-shadow(0 0 22px rgba(224,254,255,.3)); --cm-f1:drop-shadow(0 0 3px rgba(255,255,255,1)) drop-shadow(0 0 9px rgba(255,255,255,.65)) drop-shadow(0 0 18px rgba(255,255,255,.35)) drop-shadow(0 0 28px rgba(224,254,255,.25)) drop-shadow(0 0 10px rgba(224,254,255,.45));
+}
+[data-theme="biz"]{
+  --bg:#e8ecf5; --bg2:#dde3ef; --panel:rgba(255,255,255,.97); --panel-solid:#ffffff;
+  --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);
+  --heat:rgba(37,99,235,.55);
+  --green:#0d9488; --orange:#ea580c; --rose:#e11d48;
+}
+[data-theme="mono"]{
+  --bg:#f2f2f4; --bg2:#e4e4e8; --panel:rgba(255,255,255,.98); --panel-solid:#ffffff;
+  --card-shadow:0 1px 2px rgba(0,0,0,.06), 0 10px 28px rgba(0,0,0,.1);
+  --text:#16181d; --muted:#6b7280; --accent:#111111; --accent2:#4b5563;
+  --border:rgba(17,17,17,.14); --glow:rgba(17,17,17,.08); --glow-soft:rgba(17,17,17,.1);
+  --title-grad:linear-gradient(90deg,#111,#333 60%,#666);
+  --tag-bg:rgba(17,17,17,.06);
+  --scan:rgba(17,17,17,.1); --scan-dim:rgba(17,17,17,.04);
+  --heat:rgba(17,17,17,.55);
+  --green:#0f766e; --orange:#c2410c; --rose:#be123c;
+}
+[data-theme="warm"]{
+  --bg:#f7ebd9; --bg2:#efe0c8; --panel:rgba(255,250,243,.97); --panel-solid:#fffaf3;
+  --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,.1);
+  --scan:rgba(217,119,6,.16); --scan-dim:rgba(217,119,6,.04);
+  --heat:rgba(217,119,6,.55);
+  --green:#0d9488; --orange:#c2410c; --rose:#be123c;
+}
+/* 浅色主题下星点氛围自然退隐 */
+[data-theme="biz"] .stars, [data-theme="mono"] .stars, [data-theme="warm"] .stars{ opacity:.28; }
+
 *{margin:0;padding:0;box-sizing:border-box;}
 html,body{background:var(--bg);}
 body{
   font-family:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,'Microsoft YaHei',monospace;
   color:var(--text); font-weight:400; padding:40px 20px 40px;
-  perspective:900px; min-height:100vh; position:relative; overflow-x:hidden;
+  min-height:100vh; position:relative; overflow-x:hidden;
 }
 body::before{
   content:''; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.04;
@@ -23,7 +66,7 @@ body::before{
 }
 .grid-pattern{
   position:fixed; inset:0; z-index:0; pointer-events:none;
-  background-image:linear-gradient(rgba(0,240,255,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(0,240,255,.03) 1px, transparent 1px);
+  background-image:linear-gradient(var(--scan-dim) 1px, transparent 1px),linear-gradient(90deg, var(--scan-dim) 1px, transparent 1px);
   background-size:60px 60px;
 }
 .stars{
@@ -40,11 +83,11 @@ body::before{
 }
 .scanlines{
   position:fixed; inset:0; z-index:999; pointer-events:none;
-  background:repeating-linear-gradient(0deg, transparent 0 2px, rgba(0,240,255,.015) 2px 4px);
+  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, rgba(0,240,255,.03) 50%, transparent);
+  background:linear-gradient(180deg, transparent, var(--scan-dim) 50%, transparent);
   animation:scanMove 11s linear infinite;
 }
 @keyframes scanMove{ from{top:-22%;} to{top:112%;} }
@@ -52,22 +95,22 @@ body::before{
   width:clamp(640px, 60%, 1200px); margin:0 auto; position:relative; z-index:1;
 }
 .header-card{
-  position:relative; background:var(--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(--glow); border-bottom:1px solid var(--glow);
+  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
   border-radius:6px; padding:38px 36px 26px; text-align:center; overflow:hidden;
-  box-shadow:0 0 20px rgba(14,165,233,.08), inset 0 1px 24px rgba(14,165,233,.04);
+  box-shadow:var(--card-shadow);
   margin-bottom:18px;
 }
 .card-glow{
   position:absolute; inset:0; pointer-events:none; transform-origin:top center;
-  background:radial-gradient(ellipse at 50% 10%, rgba(14,165,233,.25), transparent 70%);
+  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(--cyan), transparent); }
-.scan-y{ top:0; bottom:0; width:1px; background:linear-gradient(180deg, transparent, var(--cyan), transparent); }
+.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; }
@@ -78,53 +121,53 @@ body::before{
 @keyframes scanYrev{ from{transform:translateY(100%);} to{transform:translateY(-100%);} }
 h1{
   position:relative; z-index:2; font-size:30px; font-weight:900; letter-spacing:1px;
-  background:linear-gradient(90deg, var(--cyan), var(--purple));
+  background:var(--title-grad);
   -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
-  text-shadow:0 0 20px rgba(14,165,233,.4), 0 0 60px rgba(14,165,233,.15);
+  text-shadow:0 0 20px var(--glow), 0 0 60px var(--glow-soft);
   animation:titleGlow 3s ease-in-out infinite;
 }
 @keyframes titleGlow{
-  0%,100%{ filter:drop-shadow(0 0 20px rgba(14,165,233,.4)) drop-shadow(0 0 60px rgba(14,165,233,.15)); }
-  50%{ filter:drop-shadow(0 0 30px rgba(14,165,233,.7)) drop-shadow(0 0 80px rgba(14,165,233,.3)); }
+  0%,100%{ filter:drop-shadow(0 0 20px var(--glow)) drop-shadow(0 0 60px var(--glow-soft)); }
+  50%{ filter:drop-shadow(0 0 30px var(--glow)) drop-shadow(0 0 80px var(--glow-soft)); }
 }
 .header-sub{ position:relative; z-index:2; font-size:13px; color:var(--muted); margin-top:10px; letter-spacing:2px; }
 .header-badge{
-  position:relative; z-index:2; display:inline-block; margin-top:12px; font-size:11px; color:var(--cyan);
-  border:1px solid rgba(14,165,233,.35); border-radius:999px; padding:3px 12px;
-  background:rgba(14,165,233,.07); text-shadow:0 0 6px rgba(14,165,233,.6); letter-spacing:1px;
+  position:relative; z-index:2; display:inline-block; margin-top:12px; font-size:11px; color:var(--accent);
+  border:1px solid var(--border); border-radius:999px; padding:3px 12px;
+  background:var(--tag-bg); text-shadow:0 0 6px var(--glow); letter-spacing:1px;
 }
 .summary-line{
   position:relative; z-index:2; display:flex; gap:10px; max-width:540px; margin:18px auto 0;
   align-items:flex-start;
 }
 .summary-tag{
-  flex:0 0 auto; font-size:10px; font-weight:700; color:var(--cyan); letter-spacing:1px;
-  border:1px solid rgba(14,165,233,.35); border-radius:4px; padding:2px 6px;
-  background:rgba(14,165,233,.07); text-shadow:0 0 6px rgba(14,165,233,.6); margin-top:2px;
+  flex:0 0 auto; font-size:10px; font-weight:700; color:var(--accent); letter-spacing:1px;
+  border:1px solid var(--border); border-radius:4px; padding:2px 6px;
+  background:var(--tag-bg); text-shadow:0 0 6px var(--glow); margin-top:2px;
 }
 .summary-text{ font-size:12.5px; color:var(--text); line-height:1.75; text-align:left; }
 .copy-wrap{ position:relative; z-index:2; margin-top:20px; display:flex; justify-content:center; }
 .copy-btn{
   display:flex; align-items:center; gap:8px; cursor:pointer; border:none; border-radius:999px;
   padding:10px 28px; font-family:inherit; font-size:14px; color:#fff; letter-spacing:1px;
-  background:linear-gradient(90deg, var(--cyan), #0284c7);
-  box-shadow:0 0 30px rgba(14,165,233,.4); transition:box-shadow .25s, transform .15s;
+  background:linear-gradient(90deg, var(--accent), var(--accent2));
+  box-shadow:0 0 30px var(--glow); transition:box-shadow .25s, transform .15s;
 }
-.copy-btn:hover{ box-shadow:0 0 45px rgba(14,165,233,.6); transform:translateY(-1px); }
+.copy-btn:hover{ box-shadow:0 0 45px var(--glow); transform:translateY(-1px); }
 .copy-btn:active{ transform:scale(.97); }
 .copy-btn svg{ width:16px; height:16px; flex:0 0 auto; }
 .copy-btn .check{ display:none; }
 .copy-btn.copied .copy{ display:none; }
 .copy-btn.copied .check{ display:block; }
 .section{
-  position:relative; background:var(--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(--glow); border-bottom:1px solid var(--glow);
+  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
   border-radius:6px; overflow:hidden; margin-bottom:18px;
-  box-shadow:0 0 20px rgba(14,165,233,.08), inset 0 1px 24px rgba(14,165,233,.04);
+  box-shadow:var(--card-shadow);
   transition:transform .2s, box-shadow .2s;
 }
-.section:hover{ transform:perspective(900px) translateY(-2px) rotateY(calc(var(--mx,0)*2.5deg)) rotateX(calc(var(--my,0)*-2.5deg)); box-shadow:0 0 28px rgba(14,165,233,.14), inset 0 1px 30px rgba(14,165,233,.07); }
+.section:hover{ transform:perspective(900px) translateY(-2px) rotateY(calc(var(--mx,0)*2.5deg)) rotateX(calc(var(--my,0)*-2.5deg)); box-shadow:var(--card-shadow), 0 0 28px var(--glow-soft); }
 .section::before{
   content:''; position:absolute; left:0; top:0; bottom:0; width:8px; z-index:2;
 }
@@ -152,17 +195,17 @@ h1{
 }
 .sec-date{
   margin-left:auto; flex:0 0 auto; font-size:11px; color:var(--muted); padding:3px 10px;
-  border-radius:999px; border:1px solid rgba(14,165,233,.18); background:rgba(14,165,233,.05);
+  border-radius:999px; border:1px solid var(--border); background:var(--tag-bg);
   letter-spacing:1px;
 }
 ol{ list-style:none; padding:0 12px; }
 li{
   display:flex; align-items:flex-start; gap:10px; padding:10px;
-  border-bottom:1px dashed rgba(14,165,233,.15); border-radius:4px;
+  border-bottom:1px dashed var(--border); border-radius:4px;
   transition:background .15s;
 }
 li:last-child{ border-bottom:none; }
-li:hover{ background:rgba(14,165,233,.06); }
+li:hover{ background:var(--tag-bg); }
 .idx{
   flex:0 0 auto; width:28px; height:28px; border-radius:50%; position:relative;
   display:flex; align-items:center; justify-content:center; color:#fff;
@@ -194,8 +237,12 @@ li:hover .idx{ transform:scale(1.18) rotate(-4deg); font-size:14px; }
 .desc{ font-size:15px; line-height:1.65; color:var(--text); }
 .meta{ font-size:12px; color:var(--muted); margin-top:5px; }
 .meta .qt{ color:#7fa8cc; }
-.meta b{ color:var(--cyan); font-weight:900; margin:0 2px; text-shadow:0 0 8px rgba(14,165,233,.5); }
-.pbar-track{ position:relative; margin-top:9px; height:5px; border-radius:999px; background:rgba(14,165,233,.12); }
+.meta b{ color:var(--accent); font-weight:900; margin:0 2px; text-shadow:0 0 8px var(--border); }
+.advice{ font-size:12px; color:var(--accent); margin-top:6px; }
+.advice b{ font-weight:900; }
+.owner{ font-size:12px; color:#a78bfa; margin-top:4px; }
+.owner b{ font-weight:900; }
+.pbar-track{ position:relative; margin-top:9px; height:5px; border-radius:999px; background:var(--tag-bg); }
 .pbar-fill{
   display:block; position:relative; height:100%; border-radius:999px; width:0;
   transition:width 1.1s cubic-bezier(.3,.8,.4,1); /* 与流星扫过同参数：首次加载进度与流星同步增长 */
@@ -214,9 +261,10 @@ li:hover .idx{ transform:scale(1.18) rotate(-4deg); font-size:14px; }
   background:radial-gradient(circle at 35% 30%, #fed7aa, #fdba74 55%, #fb923c 100%);
   box-shadow:0 0 8px rgba(249,115,22,.7);
 }
-.pbar-done .pbar-track.sheen-on .pbar-fill::before,
-.pbar-plan .pbar-track.sheen-on .pbar-fill::before{ animation:dotPulse 1.1s; }
-@keyframes dotPulse{ 90%{ filter:brightness(2) drop-shadow(0 0 6px #fff); } }
+.pbar-done .pbar-track.sheen-on .pbar-fill::before{ animation:dotPulseDone 1.1s; }
+.pbar-plan .pbar-track.sheen-on .pbar-fill::before{ animation:dotPulsePlan 1.1s; }
+@keyframes dotPulseDone{ 90%{ filter:brightness(2) drop-shadow(0 0 6px rgba(45,212,191,.85)); } }
+@keyframes dotPulsePlan{ 90%{ filter:brightness(2) drop-shadow(0 0 6px rgba(249,115,22,.85)); } }
 .pbar-sweep{
   position:absolute; left:0; top:50%; transform:translateY(-50%); height:16px; width:0;
   z-index:1; pointer-events:none; opacity:0;
@@ -228,15 +276,15 @@ li:hover .idx{ transform:scale(1.18) rotate(-4deg); font-size:14px; }
   content:''; position:absolute; inset:0; z-index:2;
   clip-path:polygon(0% 50%, 3% 36%, 10% 18%, 24% 4%, 42% 0%, 60% 1%, 78% 6%, 92% 17%, 99% 33%, 100% 50%, 99% 67%, 92% 83%, 78% 94%, 60% 99%, 42% 100%, 24% 96%, 10% 82%, 3% 64%);
   background:
-    linear-gradient(90deg,rgba(186,230,253,.7),rgba(224,254,255,.95) 30%,#fff 46%,rgba(244,255,255,1) 58%,rgba(224,254,255,.9) 72%,rgba(186,230,253,.65)),
-    radial-gradient(circle 2px at 40% 50%,#fff,rgba(224,254,255,.92) 55%,rgba(125,211,252,.4) 85%,transparent);
-  filter:drop-shadow(0 0 2px rgba(186,230,253,.7)) drop-shadow(0 0 5px rgba(45,212,191,.25));
+    linear-gradient(90deg,var(--cp-a),var(--cp-b) 30%,var(--cp-tip) 46%,var(--cp-tip) 58%,var(--cp-b) 72%,var(--cp-a)),
+    radial-gradient(circle 2px at 40% 50%,var(--cp-tip),var(--cp-b) 55%,var(--cp-a) 85%,transparent);
+  filter:var(--cm-f0);
 }
 
 .pbar-comet::after{
   content:''; position:absolute; right:40%; top:50%; transform:translateY(-50%);
   width:68px; height:10px; z-index:0;
-  background:linear-gradient(90deg,rgba(45,212,191,0),rgba(45,212,191,.4) 15%,rgba(125,211,252,.8) 35%,rgba(224,254,255,.95) 55%,rgba(242,255,255,1) 75%,#fff 100%);
+  background:linear-gradient(90deg,transparent,var(--cp-b) 25%,var(--cp-tip) 60%,var(--cp-tip) 100%);
   clip-path:polygon(0 50%, 10% 30%, 100% 0, 100% 100%, 10% 70%);
   mask-image:linear-gradient(90deg, transparent 0%, #000 20%, #000 100%);
   -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 20%, #000 100%);
@@ -245,24 +293,28 @@ li:hover .idx{ transform:scale(1.18) rotate(-4deg); font-size:14px; }
 /* 流星剥落粒子：从光核中后部诞生、0~8% 快速渐显、沿水平线加速后飘、渐小渐隐（椭圆各异不规则、明灭发光，与主体 2.4s 呼吸不同频） */
 .pbar-comet .cp-deep{ animation:cpFlowDeep 1.4s linear infinite; }
 @keyframes cpFlowDeep{
-  0%{ opacity:0; transform:translate3d(0,0,0) scale(.3) rotate(var(--r,0deg)); box-shadow:0 0 6px 2.5px rgba(56,189,248,.9); }
+  0%{ opacity:0; transform:translate3d(0,0,0) scale(.3) rotate(var(--r,0deg)); box-shadow:var(--cpd-glow0); }
   8%{ opacity:1; transform:translate3d(calc(var(--dx,-60px)*.01), calc(var(--dy,0)*.01), 0) scale(1) rotate(var(--r,0deg)); }
   35%{ transform:translate3d(calc(var(--dx,-60px)*.08), calc(var(--dy,0)*.30), 0) scale(.78) rotate(var(--r,0deg)); }
-  55%{ opacity:.85; transform:translate3d(calc(var(--dx,-60px)*.38), calc(var(--dy,0)*.10), 0) scale(.4) rotate(var(--r,0deg)); box-shadow:0 0 8px 3px rgba(56,189,248,1); }
-  100%{ opacity:0; transform:translate3d(var(--dx,-60px), calc(var(--dy,0)*.05), 0) scale(.06) rotate(var(--r,0deg)); box-shadow:0 0 1px 0 rgba(56,189,248,0); }
+  55%{ opacity:.85; transform:translate3d(calc(var(--dx,-60px)*.38), calc(var(--dy,0)*.10), 0) scale(.4) rotate(var(--r,0deg)); box-shadow:var(--cpd-glow1); }
+  100%{ opacity:0; transform:translate3d(var(--dx,-60px), calc(var(--dy,0)*.05), 0) scale(.06) rotate(var(--r,0deg)); box-shadow:0 0 1px 0 transparent; }
 }
 .cp{
   position:absolute; border-radius:50%; opacity:0; z-index:1; pointer-events:none;
-  background:linear-gradient(90deg, rgba(125,211,252,.18), rgba(224,242,254,.9) 45%, #fff 86%);
-  box-shadow:0 0 5px 2px rgba(125,211,252,.7);
+  background:linear-gradient(90deg, var(--cp-a), var(--cp-b) 45%, var(--cp-tip) 86%);
+  box-shadow:var(--cp-glow0);
   animation:cpFlow 1.4s linear infinite;
 }
+.cp-deep{ /* 全白发光带 7 粒：与浅带同为白色系，光晕略强分层，跨主题统一 */
+  background:linear-gradient(90deg, var(--cpd-a), var(--cpd-b) 45%, var(--cpd-tip) 86%);
+  box-shadow:var(--cpd-glow0);
+}
 @keyframes cpFlow{
-  0%{ opacity:0; transform:translate3d(0,0,0) scale(.3) rotate(var(--r,0deg)); box-shadow:0 0 5px 2px rgba(125,211,252,.7); }
+  0%{ opacity:0; transform:translate3d(0,0,0) scale(.3) rotate(var(--r,0deg)); box-shadow:var(--cp-glow0); }
   8%{ opacity:1; transform:translate3d(calc(var(--dx,-60px)*.01), calc(var(--dy,0)*.01), 0) scale(1) rotate(var(--r,0deg)); }
   35%{ transform:translate3d(calc(var(--dx,-60px)*.08), calc(var(--dy,0)*.30), 0) scale(.78) rotate(var(--r,0deg)); }
-  52%{ opacity:.7; transform:translate3d(calc(var(--dx,-60px)*.35), calc(var(--dy,0)*.12), 0) scale(.4) rotate(var(--r,0deg)); box-shadow:0 0 7px 2.5px rgba(125,211,252,.95); }
-  100%{ opacity:0; transform:translate3d(var(--dx,-60px), calc(var(--dy,0)*.05), 0) scale(.06) rotate(var(--r,0deg)); box-shadow:0 0 1px 0 rgba(186,230,253,0); }
+  52%{ opacity:.7; transform:translate3d(calc(var(--dx,-60px)*.35), calc(var(--dy,0)*.12), 0) scale(.4) rotate(var(--r,0deg)); box-shadow:var(--cp-glow1); }
+  100%{ opacity:0; transform:translate3d(var(--dx,-60px), calc(var(--dy,0)*.05), 0) scale(.06) rotate(var(--r,0deg)); box-shadow:0 0 1px 0 transparent; }
 }
 
 
@@ -271,11 +323,11 @@ li:hover .idx{ transform:scale(1.18) rotate(-4deg); font-size:14px; }
   animation:cometFade 1.1s ease-out both;
 }
 .pbar-track.sheen-on .pbar-comet::after{ animation:tailGlow 2.4s ease-in-out infinite; }
-.pbar-track.sheen-on .pbar-comet::before{ animation:glowPulse 2.4s ease-in-out infinite; }
+.pbar-track.sheen-on .pbar-comet::before{ animation:glowPulse 1.8s ease-in-out infinite; }
 @keyframes cometFade{ 0%{opacity:0;} 7%{opacity:1;} 86%{opacity:1;} 100%{opacity:0;} }
 @keyframes glowPulse{
-  0%,100%{ filter:drop-shadow(0 0 2px rgba(186,230,253,.7)) drop-shadow(0 0 5px rgba(45,212,191,.25)); }
-  50%{ filter:drop-shadow(0 0 4px rgba(186,230,253,.95)) drop-shadow(0 0 8px rgba(45,212,191,.45)); }
+  0%,100%{ filter:var(--cm-f0); }
+  50%{ filter:var(--cm-f1); }
 }
 @keyframes tailGlow{
   0%,100%{ filter:blur(1px) brightness(1); }
@@ -283,10 +335,10 @@ li:hover .idx{ transform:scale(1.18) rotate(-4deg); font-size:14px; }
 }
 .empty{
   font-size:14px; color:var(--muted); padding:16px 12px; letter-spacing:1px;
-  border:1px dashed rgba(14,165,233,.15); border-radius:6px; text-align:center;
+  border:1px dashed var(--border); border-radius:6px; text-align:center;
 }
 @supports((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
-  .header-card, .section{ backdrop-filter:blur(16px) saturate(1.35); background-color:rgba(11,30,55,.42); }
+  .header-card, .section{ backdrop-filter:blur(16px) saturate(1.35); background-color:var(--panel); }
 }
 .header-card{ animation:fadeDown .5s ease-out backwards; transition:transform .18s ease-out; }
 .header-card:hover{ transform:perspective(900px) rotateY(calc(var(--mx,0)*2.5deg)) rotateX(calc(var(--my,0)*-2.5deg)); }
@@ -300,6 +352,25 @@ li:hover .idx{ transform:scale(1.18) rotate(-4deg); font-size:14px; }
   text-align:center; font-size:10px; color:var(--muted); letter-spacing:1.5px;
   padding:6px 0 2px; position:relative; z-index:1;
 }
+/* 主题换肤坞：右下角四色点随点随换，记忆上次选择；打印与截图模式隐藏 */
+.theme-dock{
+  position:fixed; right:18px; bottom:18px; z-index:1001;
+  display:flex; gap:8px; padding:8px 10px; border-radius:999px;
+  background:var(--panel-solid); border:1px solid var(--border);
+  box-shadow:0 4px 18px rgba(0,0,0,.3);
+}
+.theme-dock .th-dot{
+  width:22px; height:22px; border-radius:50%; cursor:pointer;
+  border:2px solid transparent; padding:0;
+  transition:transform .15s ease, border-color .15s ease;
+}
+.theme-dock .th-dot:hover{ transform:scale(1.18); }
+.theme-dock .th-dot.on{ border-color:var(--text); }
+.theme-dock .th-dot[data-theme="tech"]{ background:#0ea5e9; }
+.theme-dock .th-dot[data-theme="biz"]{ background:#2563eb; }
+.theme-dock .th-dot[data-theme="mono"]{ background:#111; }
+.theme-dock .th-dot[data-theme="warm"]{ background:#d97706; }
+@media print{ .theme-dock{ display:none; } }
 </style>
 </head>
 <body>
@@ -455,6 +526,14 @@ li:hover .idx{ transform:scale(1.18) rotate(-4deg); font-size:14px; }
   <div class="footer">GENERATED BY SPECCORE TEAM · 20261106</div>
 </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="极简黑白"></button>
+    <button class="th-dot" type="button" data-theme="warm" title="温暖渐变"></button>
+  </div>
+</div>
+
 <script>
 var TXT = "今日日报 - 20261106\n\n生成时间：2026-11-06 17:30:39\n\nTL;DR：三端账单状态色统一与充值切换学生功能双线交付，四项完成；明日聚焦边界场景、暗色适配与多机型回归，风险暂无。\n\n今日任务进度\n1、完成账单状态颜色优化，在 srf-web-user/srf-web-wx/srf-web-h5-teacher 三端统一区分待扣款/处理中/成功/失败/已取消五种状态色（3 文件 +54 行）- 进度100% - 用时约2H\n2、实现充值页面切换学生与不可充值学生拦截功能，含 API 对接、组件改造及页面逻辑优化（3 文件 +94 行）- 进度100% - 用时约3H\n3、修复首页组件样式问题，调整 MyServiceMenu/PaymentZone/ServiceMenuGrid 布局适配（3 文件 +4 行）- 进度100% - 用时约0.5H\n4、完成健康指南图片 2 列 grid 布局改造，优化 MoreServicesSection/StudentProfileCard 等首页样式（4 文件 +22 行）- 进度100% - 用时约1.5H\n\n明日计划\n1、继续完善充值切换学生功能的边界场景处理与异常提示 - 进度0% - 预估用时2H\n2、推进账单状态颜色优化的暗色模式适配 - 进度0% - 预估用时2H\n3、开展首页样式优化回归测试，验证各组件在不同机型下的显示效果 - 进度0% - 预估用时2H\n\n风险阻塞点\n暂无";
 (function(){
@@ -479,10 +558,10 @@ var TXT = "今日日报 - 20261106\n\n生成时间：2026-11-06 17:30:39\n\nTL;D
   });
 })();
 
-/* 流星剥落粒子：JS 为每颗彗星注入 22 粒椭圆小块（从头部稍后诞生 → 加速后飘 → 渐小渐隐，y 向中心水平线收敛） */
+/* 流星剥落粒子：JS 为每颗彗星注入 30 粒椭圆小块（从头部稍后诞生 → 加速后飘 → 渐小渐隐，y 向中心水平线收敛） */
 (function(){
   var CP = [
-    // [bx, by, w, h, r, delay, dur, dx, dy] —— 30 粒前大后小剥落：bx 2~8 于光核中后部诞生（不贴尖头）、by -6~+9.5 上下连续散布、0~8% 快速渐显（scale .3→1 绽放淡入）；dy 适中（上 -3.5~-7 / 中 +1.5~+3.5 / 深蓝 +5~+7）向后飞行中适度上下展开并向中线收敛（既非贴中线亦非过度发散）；dx -72~-112 终点越过彗尾左端（用户要求比彗星尾部更远）
+    // [bx, by, w, h, r, delay, dur, dx, dy] —— 30 粒前大后小剥落：bx 2~8 于光核中后部诞生（不贴尖头）、by -6~+9.5 上下连续散布、0~8% 快速渐显（scale .3→1 绽放淡入）；dy 适中（上 -3.5~-7 / 中 +1.5~+3.5 / 深色带 +5~+7）向后飞行中适度上下展开并向中线收敛（既非贴中线亦非过度发散）；dx -72~-112 终点越过彗尾左端（用户要求比彗星尾部更远）
     // 上方飘散带 17 粒（by -6~-0.5，向上飘散，dy -3.5~-7 上飘展开——用户反馈上方粒子少且飘散不够远，13→17 再加密、dy 再扩大，下方相对合适不增）
     [ 7, -6.0, 5.2, 3.7,  6, -0.05, 1.08, -72, -7.0],
     [ 5, -5.8, 4.0, 2.9, -8, -0.10, 1.01, -76, -6.8],
@@ -506,16 +585,16 @@ var TXT = "今日日报 - 20261106\n\n生成时间：2026-11-06 17:30:39\n\nTL;D
     [ 6,  2.2, 4.0, 2.9,  6, -0.95, 0.96, -86,  2.2],
     [ 3,  3.6, 3.4, 2.4, 12, -0.10, 0.94, -82,  2.8],
     [ 7,  4.8, 2.8, 2.0, -5, -0.35, 0.92, -92,  3.2],
-    [ 5,  5.6, 2.2, 1.6,  9, -0.50, 0.90, -94,  3.5],
+    [ 5,  5.2, 2.2, 1.6,  9, -0.50, 0.90, -94,  3.5],
     [ 8,  1.2, 2.0, 1.4, -7, -0.60, 0.92, -90,  1.5],
-    // 深蓝带 7 粒（by +7~+9.5=光核下缘下 1~3.5px 贴缘出生，dy +5~+7 向后甩出下散展开，cp-deep 深蓝渐变+深蓝光晕，dur 1.06~1.25s 更久停留）
-    [ 6,  7.0, 5.0, 3.6, -8, -0.15, 1.20, -90,  5.5],
-    [ 3,  8.0, 4.4, 3.2,  6, -0.45, 1.25, -98,  6.2],
-    [ 7,  9.0, 3.8, 2.7, 12, -0.70, 1.12, -94,  5.6],
-    [ 4,  9.5, 3.3, 2.4, -5, -0.05, 1.18, -106,  6.8],
-    [ 6,  7.8, 2.9, 2.1,  9, -0.25, 1.08, -102,  6.5],
-    [ 3,  8.8, 2.5, 1.8, -10, -0.55, 1.10, -110,  6.8],
-    [ 8,  7.4, 2.1, 1.5,  7, -0.80, 1.06, -112,  5.0]
+    // 深色带 7 粒（by +5.5~+8=光核下缘外 0.5~3px 贴缘出生（与上方贴缘距离一致），dy +5~+7 向后甩出下散展开，cp-deep 主题同色渐变+同色光晕（随 html[data-theme] 四令牌换色，白热尖端不变），dur 1.06~1.25s 更久停留）
+    [ 6,  5.5, 5.0, 3.6, -8, -0.15, 1.20, -90,  5.5],
+    [ 3,  6.5, 4.4, 3.2,  6, -0.45, 1.25, -98,  6.2],
+    [ 7,  7.5, 3.8, 2.7, 12, -0.70, 1.12, -94,  5.6],
+    [ 4,  8.0, 3.3, 2.4, -5, -0.05, 1.18, -106,  6.8],
+    [ 6,  6.3, 2.9, 2.1,  9, -0.25, 1.08, -102,  6.5],
+    [ 3,  7.3, 2.5, 1.8, -10, -0.55, 1.10, -110,  6.8],
+    [ 8,  5.9, 2.1, 1.5,  7, -0.80, 1.06, -112,  5.0]
   ];
   document.querySelectorAll('.pbar-comet').forEach(function(comet){
     for (var i = 0; i < CP.length; i++){
@@ -531,11 +610,7 @@ var TXT = "今日日报 - 20261106\n\n生成时间：2026-11-06 17:30:39\n\nTL;D
       p.style.animationDuration = c[6] + 's';
       p.style.setProperty('--dx', c[7] + 'px');
       p.style.setProperty('--dy', c[8] + 'px');
-      if (c[1] >= 7){
-        p.className = 'cp cp-deep';
-        p.style.background = 'linear-gradient(90deg, rgba(2,132,199,.4), rgba(56,189,248,.95) 45%, #e0f2fe 86%)';
-        p.style.boxShadow = '0 0 6px 2.5px rgba(56,189,248,.9)';
-      }
+      if (c[1] >= 5.5) p.className = 'cp cp-deep'; // 深色带配色由 .cp-deep 类承接（四主题令牌驱动，勿内联写死）
       comet.appendChild(p);
     }
   });
@@ -608,6 +683,33 @@ function sheen(track, src){
     document.body.style.padding = '40px';
   }
 })();
+
+/* 主题换肤：四套配色随点随换；记忆上次选择（localStorage，失败静默）；?shot 截图模式隐藏坞 */
+(function(){
+  var THEMES = ['tech','biz','mono','warm'];
+  var dock = document.getElementById('themeDock');
+  if (!dock) return;
+  if (location.search.indexOf('shot=') !== -1){ dock.style.display = 'none'; }
+  function apply(t){
+    document.documentElement.setAttribute('data-theme', t);
+    dock.querySelectorAll('.th-dot').forEach(function(d){
+      d.classList.toggle('on', d.getAttribute('data-theme') === t);
+    });
+    try{ localStorage.setItem('sf-report-theme', t); }catch(e){}
+  }
+  var cur = document.documentElement.getAttribute('data-theme');
+  var saved = null;
+  try{ saved = localStorage.getItem('sf-report-theme'); }catch(e){}
+  if (saved && THEMES.indexOf(saved) !== -1 && saved !== cur){ apply(saved); }
+  else{
+    dock.querySelectorAll('.th-dot').forEach(function(d){
+      d.classList.toggle('on', d.getAttribute('data-theme') === (cur || 'tech'));
+    });
+  }
+  dock.querySelectorAll('.th-dot').forEach(function(d){
+    d.addEventListener('click', function(){ apply(d.getAttribute('data-theme')); });
+  });
+})();
 </script>
 </body>
 </html>

package/daily-report/resources/usage-guide.md

@@ -11,17 +11,17 @@
 - 同一日期重复生成会直接覆盖原文件；说「保留之前的」→ 文件名追加时间戳另存不覆盖
 - 说「日报和周报都要」→ 日报、周报按各自流程分别生成，同日数据自动去重
 - 说「打开/查看今天的日报」→ 该报告文件已存在时直接打开不重新生成；不存在则按正常流程生成
-- 说「只算我的提交」→ 只聚合本人提交（git log 加 --author=<用户名>）；默认仓库内全部提交都计入
+- 开发类用户可说「只算我的提交」→ 只聚合本人提交；默认仓库内全部提交都计入
 - 说「只写 xxx 的日报 / 只聚合 xxx 仓库」→ 只收集指定仓库的提交，跳过其它仓库
 
 ## 口头追加任务
 - 说「补充一下：上午改了角标接口，下午跟测试联调」→ 自动按语义拆成多条任务，润色为规范格式并入「今日任务进度」
 - 拆分信号：时间词（上午/下午/晚上）、连接词（还有/另外/以及）、分号顿号列举、数字列举
 - 补充内容带分段词时按段并入：「明日计划：xxx」→ 明日计划段；「风险：xxx」→ 风险阻塞点段（说「风险暂无/无风险」→ 风险段写「暂无」）；不带分段词默认并入「今日任务进度」
-- 与 git 提交聚合出的任务自动去重，同一件事只保留一条
+- 与提交记录聚合出的任务自动去重，同一件事只保留一条
 
-## 贴文字 / 发图片 / 给文件整理日报（无 git 提交也适用）
-- 直接贴一段文字说「整理成日报 / 把这段文字整理成日报」→ 以文字为主源生成，不依赖 git 提交（非开发岗位也可用）；说「只整理这段文字 / 只按这段 / 不用 git」同样跳过 git 与会话上下文
+## 贴文字 / 发图片 / 给文件整理日报（没有提交记录也适用）
+- 直接贴一段文字说「整理成日报 / 把这段文字整理成日报」→ 以文字为主源生成，不依赖提交记录（非开发岗位也可用）；说「只整理这段文字 / 只按这段」同样跳过其它来源与会话上下文
 - 发图片（截图/照片等 jpg/png/webp）或给文件（md/txt/docx/pdf 等）说「整理成日报」→ 先用 Read 读取：图片按视觉理解提取图中文字信息，md/txt 直接读文本，docx/pdf 优先尝试 pandoc 转文本（无 pandoc 则请用户粘贴文字），再按纯文字模式整理
 - 图片模糊/内容读不清时：先把已提取的部分展示给用户确认或补充，不瞎编没读到的内容
 - 自动分段归类：文字里写「明天/接下来/计划…」→ 明日计划；「风险/阻塞/问题/卡住…」→ 风险阻塞点；其余 → 今日任务进度（用户已明确分段则按用户分段）

package/daily-report/user-config.md

@@ -10,18 +10,19 @@
 
 ```yaml
 DISK: true                     # 是否落盘写文件；false = 默认只在对话输出，不写文件不开浏览器
-CONFIG_VERSION: 1              # 配置结构版本：skill 升级时若配置结构变化会递增；AI 每次执行前对比 SKILL.md「配置版本机制」节声明的当前版本，不一致时按 SKILL.md 的迁移规则处理（先备份本文件为带时间戳 .bak，再迁移，最后对话告知用户）
+CONFIG_VERSION: 2              # 配置结构版本：skill 升级时若配置结构变化会递增；AI 每次执行前对比 SKILL.md「配置版本机制」节声明的当前版本，不一致时按 SKILL.md 的迁移规则处理（先备份本文件为带时间戳 .bak，再迁移，最后对话告知用户）
 FORMATS: [md, txt, html, content-png] # 落盘哪些格式（数组，可删减/增，如 [md, html] / [md, txt, html]（不截图）；content-png = 整页内容区截图（头部标题卡片 + 今日任务进度/明日计划/风险阻塞点三张分节卡片整体截出，头部卡片必须带上），删除该项即不截图；不影响对话中的 md 正文输出）
 DIR: auto                      # 落盘根目录：auto = 按当前系统自动选 DIR_MAC / DIR_WIN（也可直接写死某个绝对路径）
 DIR_MAC: /Users/luzhaosheng/MyWork/智慧食堂/reports    # macOS 落盘根目录（自动按目标日期建子目录；目录不存在时回退用户主目录下 reports）
 DIR_WIN: d:\Workspace_QCoder\reports                   # Windows 落盘根目录（自动按目标日期建子目录；目录/盘符不存在时回退用户主目录下 reports）
 OPEN_HTML: true                # 落盘后是否自动用浏览器打开 html（FORMATS 不含 html 时忽略）
+THEME: tech                    # html 页面主题：tech 深蓝科技（默认）/ biz 浅色商务 / mono 极简黑白 / warm 温暖渐变；生成时写 <html data-theme="THEME值"> 定默认，页面右下角换肤坞四色点随点随换（浏览器本地记忆，?shot 截图模式自动隐藏，打印隐藏）
 TEMPLATE: default              # 报告模板：default = 内置三段式（任务进度/明日计划/风险阻塞点）；custom = 使用下方「📝 自定义模板」节；口头临时指定模板仅当次生效
 ROLE: 全栈开发工程师（企业内技术开发）  # 用户默认职业角色与主要工作内容（两者并存：职业名 + 括号内工作内容，生成内容/术语/量化指标/节奏条/风险话术全部按此画像走）；用户随口描述职业时（如「我搞装修的，天天跑工地」）→ AI 提炼为规范表述（装修项目经理（负责工地现场管理、施工进度与质量巡检））更新此处；说「以 XX 的身份写」→ 当次临时换角色不改配置；说「以后默认用 XX 角色 / 我的职业是 XX / 我的主要工作是 XX」→ 永久更新此处
 CONFIRM: never                 # 落盘前确认：never = 直接生成落盘不确认（默认）；text = 纯文字整理模式先出效果确认后再落盘；always = 任何方式生成都先确认；临时说「先看看效果」当次先确认、说「不用确认」当次跳过
 ```
 
-> 临时口头要求（仅对当次生效，不修改上方配置）：说「不落盘/别写文件」→ 当次 DISK=false；说「写到桌面/存到 ~/report（macOS）或 D:\report（Windows）」→ 当次改用该 DIR；说「只要 md / 只出 html / 只要内容区截图」→ 当次只落指定格式；说「这次不截图」→ 当次不生成内容区截图；说「只要截图/重新截个图」→ 当次只对现有 html 执行内容区截图（不重新收集 git、不重写 md/txt/html 内容文件）；说「别开浏览器」→ 当次 OPEN_HTML=false；说「这次按 xxx 模板来」→ 当次临时换模板（不改配置）；说「以后都用这个模板」→ 自动写入下方「📝 自定义模板」节并把 TEMPLATE 改为 custom（永久生效）；说「先看看效果/先出效果再落盘」→ 当次先出效果确认后再落盘；说「不用确认/直接落盘」→ 当次跳过确认直接落盘。
+> 临时口头要求（仅对当次生效，不修改上方配置）：说「不落盘/别写文件」→ 当次 DISK=false；说「写到桌面/存到 ~/report（macOS）或 D:\report（Windows）」→ 当次改用该 DIR；说「只要 md / 只出 html / 只要内容区截图」→ 当次只落指定格式；说「这次不截图」→ 当次不生成内容区截图；说「只要截图/重新截个图」→ 当次只对现有 html 执行内容区截图（不重新收集数据、不重写 md/txt/html 内容文件）；说「别开浏览器」→ 当次 OPEN_HTML=false；说「这次按 xxx 模板来」→ 当次临时换模板（不改配置）；说「以后都用这个模板」→ 自动写入下方「📝 自定义模板」节并把 TEMPLATE 改为 custom（永久生效）；说「先看看效果/先出效果再落盘」→ 当次先出效果确认后再落盘；说「不用确认/直接落盘」→ 当次跳过确认直接落盘。说「页面用浅色商务主题/浅色主题」→ 当次 THEME=biz；说「以后默认用暖色主题」→ 永久改 THEME=warm。
 
 ## 📝 自定义模板（TEMPLATE: custom 时启用，用户可手改，适配各类岗位）
 

package/deck-stage/SKILL.md

@@ -0,0 +1,80 @@
+---
+name: deck-stage
+description: >
+  登台 deck-stage：把日报/周报/年报（md/HTML/口述大纲）或散装素材（目录/文件/随手文字）转成专业 .pptx 演示文稿。
+  三问交互——先问素材（指定目录/指定文件/贴文字/口述主题）、再报页结构大纲表确认、后选成片方式（一键成片/逐页确认）。
+  混合模式——常规页原生生成（文本/数据卡/时间线/柱图/饼图/折线，全部可编辑），封面与结尾页用 HTML 截图贴图（视觉保真）。
+  视觉与报告深蓝面板体系同源：tech 深蓝科技（默认）/biz 浅色商务/mono 极简黑白/warm 温暖渐变四主题，
+  五段节色（蓝/绿/紫/玫红/橙）。每页可带演讲备注（notes），bullets 页可配图。
+  数据经结构化 data.json 交给 resources/pptx-builder.js（PptxGenJS，本目录 node_modules 离线可用）产出 16:9 pptx。
+  当用户请求把报告/日报/周报/年报转成 PPT、做成 PPT、导出 pptx、生成演示文稿、登台，或询问本 skill 用法时使用。
+allowed-tools: ["Bash", "Read", "Write", "Edit"]
+disable-model-invocation: false
+---
+
+# 登台 deck-stage
+
+把报告三件套（日报/周报/年报）的产出——或任何散装素材——转成专业 .pptx 演示文稿。常规页原生可编辑（文本/数据卡/时间线/柱图/饼图/折线），封面/结尾页 HTML 截图保真，每页可带演讲备注，视觉与报告同源。写报告 → 放映（magic-deck）→ 登台（本 skill），最后一公里闭环。
+
+## 三问交互模型（生成前必走，一问不跳）
+
+**第一问 · 素材**：你手上有什么？四通道可单选可组合——
+- 指定目录：扫描目录下 md/txt/docx 找报告素材
+- 指定文件：直接给一个或多个文件路径
+- 贴文字：把报告正文/要点随手发我，文字随意，我来提炼
+- 口述主题：只给方向，按专业汇报 A/B/C 档（结论先行、量化优先、计划可验证）先提炼要点
+
+**第二问 · 骨架**：先报页结构大纲表（页码 | 页型 | 标题 | 要点 | 数据/图表），用户增删改后确认定型。
+
+**第三问 · 成片方式**（user-config.md 的 MODE 可设默认）：
+- A 一键成片：确认骨架后直接生成完整 pptx
+- B 逐页确认：每页先报排版方案（版式 + 内容 + 图表 + 演讲备注），用户 OK 一页出一页，可中途改单页/换主题/增删页
+
+## 逐页确认交互细则（成片方式 B）
+
+- 每页简报格式：页码 / 页型 / 节色 / 标题 / 内容要点 / 数据或图表 / 演讲备注（NOTES 开启时）
+- 用户回复语义：
+  - 「OK」/「下一页」→ 出当前页，继续下一页
+  - 「第 N 页改成 XX」→ 单页重出（只重出该页，其余不动）
+  - 「第 2-4 页 OK」→ 批量确认
+  - 「换主题 biz」→ 全局换主题，已出页同步重出
+  - 「加一页 XX」/「删掉第 N 页」→ 骨架增删
+- 全部页确认完毕 → 组装完整 pptx → 落盘并打开
+
+## 生成流程
+
+0. **读用户配置**（DIR/DIR_WIN/THEME/OPEN_PPTX/CONFIRM/MODE/AUDIENCE/NOTES/CONFIG_VERSION）→ 先 Read 同目录 `user-config.md`
+1. **三问交互**（见上节）：素材 → 骨架大纲表确认 → 成片方式（MODE 未配置时默认 B 逐页确认）
+2. **结构化提炼** → 读 `resources/data-schema.md`（schema + 段落映射：年报五段/周报四段/日报四段 → 页类型与节色）
+3. **封面/结尾截图**（无现成素材时）→ 读 `resources/cover-template.html` 说明：复制模板到临时目录 → 替换 `COVER` 对象（title/subtitle/info/stats 或 mode:closing）→ Chrome headless 截图 1280x720（macOS：`/Applications/Google Chrome.app/Contents/MacOS/Google Chrome --headless --disable-gpu --no-sandbox --hide-scrollbars --screenshot=cover.png --window-size=1280,720 --virtual-time-budget=3000 "file:///<临时html>"`；Windows 按序探测 chrome.exe/msedge.exe，URL 用 node url.pathToFileURL）
+4. **生成 pptx**：写 data.json → `cd <skill目录> && node resources/pptx-builder.js --data <data.json绝对路径> --out <DIR>/<文件名>.pptx` → 输出 `PPTX_OK <路径>`
+5. **校验**：文件存在、大小 > 20KB、`unzip -l` 页数与 pages 数一致
+6. **落盘与打开**：按配置 DIR 落盘；`OPEN_PPTX: true` 时打开（macOS：`open <pptx>`；Windows：`start <pptx>`）
+7. **使用咨询**（用户只问「登台怎么用」「报告转 PPT 怎么用」等用法、未要求生成）→ 读 `resources/usage-guide.md`，将其内容原样输出（首行标题改为「登台 deck-stage 使用指南」），不执行任何生成动作
+
+## ⚙️ 默认配置（在 user-config.md，执行前必须先 Read）
+
+DIR（落盘根目录，DIR_MAC/DIR_WIN 双键）、THEME（tech/biz/mono/warm）、OPEN_PPTX（生成后是否打开）、CONFIRM（落盘前确认）、MODE（成片方式 page-by-page/once）、AUDIENCE（受众画像，备注话术参考）、NOTES（是否生成演讲备注）——均以 `user-config.md` 为准。升级技能时 user-config.md 不会被覆盖，你的修改永久保留。
+
+## 规则速览
+
+- 混合模式：`cover-image`/`closing-image` 页用 HTML 截图（视觉保真），`overview`/`timeline`/`bullets`/`chart`/`chart-pie`/`chart-line` 页原生生成（可编辑）；截图窗口 1280x720 与 16:9 pptx 同比例
+- 页类型分页：timeline 每页 8 条、bullets 每页 6 条自动续页（builder 自动处理，AI 不用拆）
+- 节色五档：blue 概览 / green 成果 / purple 成长 / rose 反思 / orange 展望，与年报 HTML 同款
+- 数值纪律：业务结果指标优先、git 统计兜底；数字必带对比基准（同比/环比）
+- 主题四套与报告 HTML 令牌同源；theme 写在 data.json 里，未写默认 tech
+- 演讲备注：NOTES=true 时每页写 notes（单页/第一页）或 notesList（按分页逐页）；话术按 AUDIENCE 画像，写开场白/数据解读/过渡句，不写正文照读
+- 图表扩容：chart 自绘柱 / chart-pie 原生饼图（percent/donut 选项）/ chart-line 原生折线（series 多线/smooth 选项）——原生图表在 PowerPoint/WPS 里可直接编辑数据
+- bullets 配图：page.image 给绝对路径即右侧配图（contain 等比内嵌），文本区自动缩窄，仅第一页带图
+- builder 是真相源：版式改动只改 `resources/pptx-builder.js` 并同步 `data-schema.md` 描述，禁止只改一处
+- 封面模板是截图底版：视觉改动只改 `resources/cover-template.html`；模板是静态版式（无动画），保截图零风险
+- 依赖纪律：pptxgenjs 装在 skill 目录 node_modules（离线可用）；不引入其它运行时依赖
+
+## 核心约束
+
+- **页面与数据分离**：data.json 只含结构化内容，绝不含版式参数（颜色/位置由 builder 主题令牌决定）
+- **封面截图必填**：`cover-image` 缺 image 字段会被跳过并警告，AI 必须先生成截图再填路径
+- **image 路径绝对化**：data.json 里 image 一律写绝对路径，builder 按路径嵌入
+- **落盘防覆盖**：同名 pptx 已存在时加日期后缀（如 `-1106`），不覆盖旧文件
+- **零外部网络**：生成全程离线（截图用本地 Chrome/Edge headless，依赖本地 node_modules），pptx 双击即开
+- **未授权目录不写**：DIR 不存在或不可写时停下问用户，不猜路径