feat: 全栈教程站（AI 时代版）——OUTLINE 大纲（skill 配方：靶子先行/步骤分类/积木三句话/指派三样/脱靶/认知基础）+ Vite MPA 七页（书架+六章），跨文档 View Transitions 防闪白（书架相框↔章头共享元素 morph），组件复用 design-lab 孟菲斯×拟物卡

apps/tutorial/dist/assets/ChapterPage-BXpyh5yo.js

@@ -0,0 +1 @@
+import{j as e,P as o,C as d,B as p,a as h,S as x,M as m,W as b,T as j,R as g,A as N}from"./MemphisCard-Bt0vyCOo.js";const i=[1,2,3,4,5,6];function k({id:a}){const t=d[a],r=h[a],l=i[a-2],n=i[a];return e.jsxs(o,{active:a,children:[e.jsxs("div",{className:"flex items-center gap-4 rounded-2xl border-2 border-ink p-5 shadow-hard",style:{background:t.color,viewTransitionName:`ch-${a}`},children:[e.jsx("span",{className:"text-[44px] leading-none",children:t.emoji}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("h1",{className:"m-0 text-[24px] font-extrabold text-ink",children:["第 ",a," 章 · ",t.title]}),e.jsxs("div",{className:"mt-1.5 flex flex-wrap gap-x-6 gap-y-1 text-[12px] font-semibold text-ink",children:[e.jsxs("span",{children:["▲ 目标：",t.target.goal]}),e.jsxs("span",{children:["○ 预期：",t.target.expectation]}),e.jsxs("span",{className:"flex items-center gap-1.5",children:["● 积木 ",e.jsx(p,{bricks:t.target.bricks}),t.target.bricks.length," 块"]})]})]})]}),e.jsxs("div",{className:"mt-8",children:[e.jsx(x,{label:"步骤",note:"每步先分类：这一步的过程里有没有学习价值",children:e.jsx("ol",{className:"m-0 list-none space-y-3 p-0",children:r.steps.map((s,c)=>e.jsxs("li",{className:"rounded-xl border-2 border-ink bg-paper p-4 shadow-hard",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2.5",children:[e.jsx("span",{className:"flex h-6 w-6 items-center justify-center rounded-full border-2 border-ink bg-white text-[12px] font-extrabold",children:c+1}),s.kind==="value"?e.jsx(m,{className:"text-[13.5px]",children:s.title}):e.jsxs("span",{className:"flex items-center gap-1.5 text-[13.5px] font-bold text-ink",children:[e.jsx(b,{size:30}),s.title,e.jsx("span",{className:"rounded-full bg-clash3b/15 px-2 py-0.5 text-[10.5px]",children:"代理区 · 交给 agent"})]})]}),e.jsx("p",{className:"m-0 mt-2 text-[12.5px] leading-relaxed text-body",children:s.what}),e.jsxs("p",{className:"m-0 mt-1.5 text-[12px] text-ink",children:[e.jsx("b",{children:"验收"}),"：",s.accept]})]},s.title))})}),e.jsx(x,{label:"积木清单",note:"从靶子倒推、每块三句话、教一块带一族",children:e.jsx("div",{className:"grid grid-cols-1 gap-3 md:grid-cols-3",children:r.bricks.map(s=>e.jsxs("div",{className:"rounded-xl border-2 border-ink bg-paper p-3.5 shadow-hard",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(j,{size:13}),e.jsx("b",{className:"text-[13px]",children:s.name})]}),e.jsxs("p",{className:"m-0 mt-1.5 text-[11.5px] leading-relaxed text-body",children:[e.jsx("b",{children:"是什么"}),"：",s.what,e.jsx("br",{}),e.jsx("b",{children:"为何在这"}),"：",s.why,e.jsx("br",{}),e.jsx("b",{children:"带一族"}),"：",s.family]})]},s.name))})}),r.base&&e.jsx(x,{label:"认知基础",note:"脚下的地（env/库/运行环境）——第一次用到就地露出",children:e.jsxs("div",{className:"flex items-start gap-3 rounded-xl border-2 border-dashed border-ink/40 bg-clash3b/15 p-4",children:[e.jsx(g,{size:18,className:"mt-0.5 shrink-0"}),e.jsx("p",{className:"m-0 text-[12.5px] leading-relaxed text-body",children:r.base})]})}),r.assign&&e.jsx(x,{label:"指派学习",note:"位置给坐标、预期当尺子、场景管巩固；讲解交给你的 agent",children:e.jsx(N,{...r.assign})}),e.jsxs("div",{className:"flex items-center justify-between gap-4",children:[l?e.jsxs("a",{href:`/ch${l}.html`,className:"rounded-xl border-2 border-ink bg-paper px-4 py-2 text-[12.5px] font-bold text-ink no-underline shadow-hard",children:["← 第 ",l," 章 · ",d[l].title]}):e.jsx("span",{}),e.jsx("a",{href:"/index.html",className:"rounded-xl border-2 border-ink bg-ink px-4 py-2 text-[12.5px] font-bold text-paper no-underline",children:"返回书架"}),n?e.jsxs("a",{href:`/ch${n}.html`,className:"rounded-xl border-2 border-ink bg-paper px-4 py-2 text-[12.5px] font-bold text-ink no-underline shadow-hard",children:["第 ",n," 章 · ",d[n].title," →"]}):e.jsx("span",{})]})]})]})}export{k as C};