|
|
@@ -114,12 +114,7 @@
|
|
|
.why-lab{font-size:11px;font-weight:700;border-radius:4px;padding:2px 8px;flex:none;height:20px}
|
|
|
.wl-claim{background:#fef9c3;color:#854d0e}.wl-basis{background:#e0e7ff;color:#3730a3}.wl-impact{background:#dcfce7;color:#166534}
|
|
|
.why-txt{font-size:12.5px;line-height:1.65;color:#1f2937}
|
|
|
- .wseg{display:flex;gap:9px;margin:8px 0;align-items:flex-start}
|
|
|
- .wseg-l{flex:none;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:9px;margin-top:1px}
|
|
|
- .wseg-c{font-size:12.5px;line-height:1.66;color:#1f2937}
|
|
|
- .w-claim .wseg-l{background:#f3e8ff;color:#7e22ce}
|
|
|
- .w-ground .wseg-l{background:#e0f2fe;color:#0369a1}
|
|
|
- .w-trade .wseg-l{background:#fde68a;color:#92400e}
|
|
|
+ .why-exp{font-size:12.5px;line-height:1.72;color:#1f2937;background:#fdf4ff;border-left:3px solid #a21caf;border-radius:0 6px 6px 0;padding:9px 13px;margin:6px 0}
|
|
|
/* 颗级作用域 */
|
|
|
.kscopes{margin-top:9px;display:flex;gap:5px;flex-wrap:wrap;align-items:center}
|
|
|
.kscopes .lab{font-size:11px;color:#9ca3af}
|
|
|
@@ -207,10 +202,9 @@ const GLOSSARY=`## 一篇帖子能拆出三种知识(平级的)
|
|
|
- **多维关系**:像配方,几个部件**都要、合起来才完整、无先后**(例:人物 = 生理+社会+心理)。
|
|
|
- **序列**:几个部件**都要、且有前后位置**(例:故事五部分、黄金三段式)。只是位置顺序——后段若**消费**前段产出、换序就崩,那就成 how 工序了。
|
|
|
|
|
|
-## 「为什么」的三段结构
|
|
|
-- **主张**:这条原理本身(核心观点)。
|
|
|
-- **依据**:它凭什么成立、怎么起作用(机制、平台规则、读者心理、例证都归这一类)。
|
|
|
-- **取舍**:落到创作上该多写 / 砍 / 侧重什么、何时适用。**最重要,每条都有**。`;
|
|
|
+## 「为什么」是什么
|
|
|
+- **一段「阐述」**:把原帖讲这条原理的内容**忠实整合**成一段——这条原理**是什么 + 为什么成立**。
|
|
|
+- 解构阶段只**还原原理本身**,不加工"该怎么用"(那是下游应用的事)。`;
|
|
|
|
|
|
const STEPS=[
|
|
|
{key:"read",label:"读懂帖子",desc:"把图、视频读成文字",
|
|
|
@@ -327,16 +321,9 @@ function WhatCard({k,onScope,onGloss}){
|
|
|
<KScopes list={k.作用域} onScope={onScope}/>
|
|
|
</div>;
|
|
|
}
|
|
|
-function WSeg({lab,cls,head,body}){
|
|
|
- return <div className={"wseg "+cls}><span className="wseg-l">{lab}</span>
|
|
|
- <div className="wseg-c">{head&&<b>{head}:</b>}{body}</div></div>;
|
|
|
-}
|
|
|
function WhyCard({k,onScope}){
|
|
|
- const sup=k.支撑||[];
|
|
|
return <div>
|
|
|
- {k.主张&&<WSeg lab="主张" cls="w-claim" body={k.主张}/>}
|
|
|
- {sup.filter(b=>b.形式!=="取舍").map((b,i)=><WSeg key={"g"+i} lab="依据" cls="w-ground" head={b.小标题} body={b.内容}/>)}
|
|
|
- {sup.filter(b=>b.形式==="取舍").map((b,i)=><WSeg key={"t"+i} lab="取舍" cls="w-trade" head={b.小标题} body={b.内容}/>)}
|
|
|
+ {k.阐述&&<div className="why-exp">{k.阐述}</div>}
|
|
|
<KScopes list={k.作用域} onScope={onScope}/>
|
|
|
</div>;
|
|
|
}
|