Repository navigation
Expand file tree
/
Copy pathexamples.html
More file actions
75 lines (74 loc) · 27 KB
/
Copy pathexamples.html
File metadata and controls
75 lines (74 loc) · 27 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="AtomLeaf · 一页笔记的不同起点。留下、理解与再次遇见。"><title>一页笔记的不同起点 · AtomLeaf</title><link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAC7klEQVRYhe2WSUxTURSGu3deOGxcuVAQY9REEsMGDBsTjbKAAgkQQ1AZRFEkBAoBIyIFERmLZZIhRYYylSpDQWYEBBRQJIIEAUGgAmUu/c09SZsAJYTQQoz8ycnLu/e8c7/3zrnnXQ52WJxdAOymYIfF+ecBGjurUPtJtsImpsb0DzAqH4ZidhoZJa9wirsXJ632kHnFOGFSIdcvQFdfOxILI3DD6xLCMvxgftdIA/BrfHBTsTibXXx2XoH4/DDcCbGEseNxCPJCEZBwTwMwMNKnX4A4cQiEBeEwdTGgz51Y9BJZsmQNQHd/h/4A3jXkQVKXjbN2h1HRUgxnvhXS3sahs7dVA9DytV4/AP3D3/GmPAkW3ia0MJNTsAVSpbFUdGqAqrYS3QMsLi0gJicYoek8evufoz+gXFbCJZSL19IYqFQqnLY5SADS+lzdA6QUR6OkMR8G3H2IzX2GP9MT4MW7ghfvRnNMJrdOEEC2LEW3ADXtZZA1S2Drbw6BmI+FxXk8TnoA79jbVIBqgKueFwlAfa8TgFH5MDUajwh7nHc4ClGpkArRJ84ZXJ4ZCmsykSyJIl/7wCsEEJ3zVDcAy6plCpZbmUqBr3kaIyjlEeXdNcwalr6mVHBsnun+CzvyC0nz0Q2AqFSIpi+1uOBwDOfsj2BobIDenu2Aio9SakT1HZWo+1xB/oGJHgTgL3TfOkBrdwPtc2u/yxQ0SRKpmZuenaKrFc8MZU2F6Bvqofuo7CDyfRh5c2sAkwo5FRf7/Cwg6/dK5dIKnyXlItUA6wFz8zM0xmqF+TsGXV93Mfbz2hBAIObjQ1cNDG0OwNB6P9p7mtY81Dv4DW7Pbaglq1VQLSIAI9tDCBcFILMsQWPiyjT4ClwQmfVkY4BkSRTM3c9QMJZXbSpvLgI/3ZdgmWbmFFSc6m64nmlLD2f1AMup+mDBAmvTyMQQqttK6R/AND75e82hRJs1dLzfGGC7xdn2FXcBVomDHRbnvwf4C5hS287ycsYhAAAAAElFTkSuQmCC"><style>:root{--paper:#fff;--ink:#30382f;--muted:#747d6d;--line:#e3e7de;--soft:#f5f7f1;--accent:#566b47;font-family:Georgia,"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header,main,footer{width:min(1080px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;font-size:25px}.wordmark svg{width:29px;height:29px;fill:currentColor}nav{display:flex;gap:24px;font-size:15px}nav a[aria-current=page]{color:var(--accent);border-bottom:1px solid}.chapter-label{font-size:11px;letter-spacing:.13em;color:var(--muted)}.page-intro{padding:74px 0 45px;max-width:710px}h1{font-size:clamp(34px,5vw,57px);font-weight:400;line-height:1.35;margin:15px 0 22px}h2{font-size:28px;font-weight:400;line-height:1.5}h3{font-size:21px;font-weight:400}p,li{font-size:17px;line-height:1.95}p{color:var(--muted)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.case-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:24px;background:var(--paper)}.case-card svg.scene{width:100%;height:190px;display:block;margin:16px 0}.case-card blockquote{margin:18px 0;font-size:18px;line-height:1.9}.my-thought{border-left:2px solid #bbc6ac;padding-left:16px}.case-card details{border-top:1px solid var(--line);margin-top:22px;padding-top:14px}.case-card summary{cursor:pointer;min-height:44px;line-height:1.8;padding:8px 0;color:var(--accent)}.draft{background:var(--soft);border-radius:10px;padding:16px;margin:8px 0}.draft p{font-size:15px;margin:7px 0}.draft small,.source{font-size:12px;color:var(--muted)}.steps{display:grid;gap:28px;max-width:830px}.step{display:grid;grid-template-columns:60px 1fr;gap:24px;border-top:1px solid var(--line);padding-top:26px}.step-number{font-size:32px;color:#a8b49a}.step h2{margin-top:0}.tip{border-left:2px solid #b2c09f;padding:5px 0 5px 22px;background:linear-gradient(90deg,#f5f7f1,transparent)}.tip p{margin:7px 0}.pill-link{display:inline-flex;padding:13px 19px;border:1px solid var(--line);border-radius:30px;gap:16px;margin:12px 8px 8px 0}.mark{display:grid;grid-template-columns:220px 1fr;gap:45px;align-items:center}.mark img{width:100%;border-radius:30px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:45px 0}.principles article{border-top:1px solid var(--line);padding-top:16px}.principles p{font-size:16px}.limits{margin-top:45px;background:var(--soft);padding:25px;border-radius:15px}.limits li{font-size:15px}footer{margin-top:70px;border-top:1px solid var(--line);padding:25px 0 40px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:13px}.case-card{animation:arrive .5s ease both}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:650px){header,main,footer{width:calc(100% - 36px)}header{flex-wrap:wrap;gap:18px}.wordmark{font-size:23px}nav{gap:20px;font-size:14px}.page-intro{padding-top:46px}.case-grid,.principles{grid-template-columns:1fr}.mark{grid-template-columns:100px 1fr;gap:20px}.mark p{font-size:15px}.step{grid-template-columns:32px 1fr;gap:15px}p,li{font-size:16px}footer{flex-wrap:wrap}}</style><link rel="canonical" href="https://atomrearch.github.io/AtomLeaf/examples.html"></head><body><svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" aria-hidden="true" style="position:absolute;overflow:hidden">
<defs>
<pattern id="pencil-lines" width="8" height="8" patternUnits="userSpaceOnUse" patternTransform="rotate(25)"><path d="M0 0V8" stroke="#86977c" stroke-opacity=".12" stroke-width="1"/></pattern>
<linearGradient id="quiet-sky" x2="0" y2="1"><stop stop-color="#edf0e8"/><stop offset="1" stop-color="#faf9f4"/></linearGradient>
<linearGradient id="quiet-water" x2="0" y2="1"><stop stop-color="#d9e2dc"/><stop offset="1" stop-color="#f7f7ef"/></linearGradient>
</defs>
<symbol id="leaf" viewBox="-1 -143 938 938"><path fill="currentColor" fill-rule="evenodd" stroke="none" d="M473,24L659,24L663,28L661,40L639,49L625,61L617,83L640,531L647,551L661,562L686,568L821,569L852,562L867,553L878,540L889,540L889,592L896,609L907,617L905,629L530,629L530,616L547,608L560,595L566,567L528,104L520,76L458,629L390,630L380,624L412,415L426,387L433,357L433,294L428,360L417,398L395,433L358,466L353,481L344,477L342,467L311,454L294,442L274,417L142,629L48,629L31,599L31,578L34,573L403,69L408,64L451,67L472,80L508,70L494,51L470,39L469,28ZM418,74L41,589L57,617L434,85L457,84L450,76ZM504,82L485,87L411,619L421,619L461,321L422,619L432,619L444,529L433,619L442,619L443,615ZM451,123L316,346L288,330L282,329L280,334L280,370L292,400L320,437L342,457L327,419L289,343L314,359L334,382L346,414L350,464L353,394L364,353L380,327L399,308L433,284ZM486,185L444,529ZM336,210L184,422ZM471,236L468,267ZM294,252L63,573ZM466,276L461,321ZM425,300L400,329L414,339ZM395,339L383,360L405,372L412,349ZM379,371L371,396L390,407L400,383ZM368,407L357,458L383,420L382,416Z"/></symbol>
<symbol id="scene-literature" viewBox="0 0 480 320">
<rect x="0" y="0" width="480" height="320" rx="3" fill="#f5f4ed"/><path d="M0 0H480V176C352 150 176 195 0 162Z" fill="url(#quiet-sky)"/>
<g class="scene-cloud" fill="#fff" opacity=".75"><ellipse cx="107" cy="68" rx="55" ry="12"/><ellipse cx="321" cy="47" rx="64" ry="14"/></g>
<path d="M0 174C158 197 317 141 480 172V320H0Z" fill="url(#quiet-water)"/><path d="M0 232C181 192 268 239 480 210V320H0Z" fill="#e7e4d9"/>
<g fill="none" stroke="#9ba89c" stroke-linecap="round"><path d="M0 183C157 203 289 159 480 181"/><path class="water-line" d="M30 210h54m79-12h37m101-5h60m35 8h39" stroke-width="1.2"/><path d="M10 266C167 220 318 270 480 239" stroke="#c1bcaa"/></g>
<g stroke="#88917c" fill="none" stroke-width="2" stroke-linecap="round"><path d="M63 227V115m0 51-30-29m30 8 29-37m-29 88-37-14m37-14 39-24"/><path d="M373 221v-87m0 34-23-18m23-1 18-24"/></g>
<g fill="#b6c1a8" opacity=".75"><ellipse cx="33" cy="128" rx="24" ry="15" transform="rotate(25 33 128)"/><ellipse cx="88" cy="104" rx="23" ry="16" transform="rotate(-35 88 104)"/><ellipse cx="30" cy="174" rx="25" ry="12"/><ellipse cx="101" cy="144" rx="26" ry="13" transform="rotate(-25 101 144)"/><ellipse cx="352" cy="147" rx="20" ry="12"/><ellipse cx="394" cy="125" rx="19" ry="12" transform="rotate(-30 394 125)"/></g>
<g stroke="#66745f" stroke-width="2" fill="none" stroke-linecap="round"><path d="M225 220v-28m-11 55 11-27 15 25m-15-41 14 11"/><circle cx="225" cy="184" r="6" fill="#66745f"/><path d="M194 173q32-41 66 0Z" fill="#a9b89a" stroke-width="1.3"/><path d="M226 155v41q0 7 6 6"/></g>
<g fill="none" stroke="#a6b3a1" stroke-width="1"><path d="M301 256q18-3 29 0m-157 20 45-3m150-13h48"/></g><path d="M0 304Q221 278 480 297V320H0Z" fill="url(#pencil-lines)"/>
</symbol>
<symbol id="scene-thought" viewBox="0 0 480 320">
<rect width="480" height="320" fill="#f5f3ec"/><path d="M0 254 480 184V320H0Z" fill="#eae8df"/>
<rect x="70" y="30" width="175" height="170" fill="#e0e6da" stroke="#acb49f"/><path d="M157 30v170M70 111H245" stroke="#faf9f4" stroke-width="7"/><path d="m79 43 18 0-15 148H70Zm106-13h24l-16 170h-24" fill="#fff" opacity=".3"/>
<path d="M77 231 265 215 357 275 159 301Z" fill="#fffdf6" stroke="#c3c4b1"/><path d="m169 235 93-9m-79 23 99-9m-78 23 96-9" fill="none" stroke="#b7b9aa"/><path d="m156 246 15 39" stroke="#d9ddcf"/>
<g transform="translate(305 160)"><ellipse cy="48" rx="45" ry="13" fill="#c9cdbd"/><path d="M-30 0H28L23 44Q-3 60-27 43Z" fill="#fdfbf2" stroke="#9da68d"/><ellipse cy="0" rx="29" ry="9" fill="#ddd3bb" stroke="#9da68d"/><path d="M29 7q35 1 6 29h-8" stroke="#9da68d" stroke-width="5" fill="none"/><path class="steam" d="M-8-17q-12-10 1-24m20 21q11-13-1-25" stroke="#b5baa8" fill="none" stroke-linecap="round"/></g>
<path d="m370 257 47-24" stroke="#827e68" stroke-width="5" stroke-linecap="round"/><path d="m366 259 7-1-3-4Z" fill="#b9b29e"/>
</symbol>
<symbol id="scene-daily" viewBox="0 0 480 320">
<rect width="480" height="320" fill="#f4f3ea"/><path d="M0 0h480v70L0 175Z" fill="#fdfbf3"/>
<ellipse cx="237" cy="202" rx="162" ry="77" fill="#d9dfcf"/><ellipse cx="237" cy="191" rx="150" ry="72" fill="#fefcf6" stroke="#d0d5c6"/><ellipse cx="237" cy="191" rx="131" ry="57" fill="none" stroke="#e6e7dc"/>
<g transform="rotate(-12 230 180)"><path d="M169 159q-12-41 44-40t39 40v64h-83Z" fill="#e7cfaa" stroke="#c9af87" stroke-width="2"/><path d="M183 164q-12-29 29-28t26 28v45h-55Z" fill="#f5e8cc"/><path d="M192 162q12-4 28 2m-20 22 21-5" fill="none" stroke="#ddcba5"/></g>
<g transform="translate(343 91)"><ellipse cy="54" rx="44" ry="14" fill="#e3e3d5"/><path d="M-28 0h53l-4 45q-21 17-45 0Z" fill="#fefcf3" stroke="#9fa88f"/><path d="M27 9q27 0 7 23h-8" fill="none" stroke="#9fa88f" stroke-width="4"/><ellipse cy="0" rx="27" ry="8" fill="#cab492"/><path class="steam" d="M-9-18q-10-10 0-21m20 23q10-9-1-23" fill="none" stroke="#b4bda7"/></g>
<g fill="#a6b28e" stroke="#869678" stroke-width="1"><path d="M53 226q50-7 62 43-45 6-62-43Z"/><path d="M50 204q-16-27 1-48 29 15 20 45Z"/><path d="m55 222 31 29" fill="none"/></g>
<path d="m50 289 59-10m254-37 46-11" stroke="#c9c7b5"/>
</symbol>
<symbol id="scene-art" viewBox="0 0 480 320">
<rect width="480" height="320" fill="#f8f6ef"/><path d="M0 244h480v76H0Z" fill="#e5e3d9"/><path d="M336 0v244l144 76M0 244h336" fill="none" stroke="#d1cfc1"/>
<rect x="50" y="58" width="134" height="140" fill="#9c9b87"/><rect x="56" y="64" width="122" height="128" fill="#f5efe0"/><rect x="68" y="77" width="98" height="102" fill="#d7bda1"/><path d="M68 157q48-73 98-21v43H68Z" fill="#8f9d86"/><circle cx="136" cy="105" r="13" fill="#efe5cb"/>
<rect x="239" y="81" width="60" height="87" fill="#aaa996"/><rect x="244" y="86" width="50" height="77" fill="#fdfbf1"/><path d="M252 140q14-57 35-5v18h-35Z" fill="#bac3ae"/>
<path d="M232 178h20M50 210h24" stroke="#c3c5b5"/>
<g stroke="#777d6b" fill="none" stroke-width="2"><path d="M389 250v-60m0 26-16 16m16-20 16 19m-17 18-10 39m12-38 11 38"/><circle cx="389" cy="180" r="9" fill="#9da88d"/><path d="M379 194h19l7 43h-32Z" fill="#bfc7b0" stroke-width="1"/></g>
<path d="m126 260 103 0m-122 15h69" stroke="#c6c5b5"/>
</symbol>
<symbol id="scene-travel" viewBox="0 0 480 320">
<rect width="480" height="320" fill="url(#quiet-sky)"/><path d="M0 169q118-77 231-22t249-22v195H0Z" fill="#d6dfd1"/><path d="M0 199q117-39 233-16t247-20v157H0Z" fill="url(#quiet-water)"/>
<g fill="#eee7d6" stroke="#9da38c"><path d="M27 150h61v51H27Z"/><path d="m22 150 35-33 37 33" fill="#b4bda6"/><path d="M96 159h47v39H96Z"/><path d="m91 159 29-23 29 23" fill="#c4b8a0"/><path d="M55 166v29m56-21h13m-81-9h8" stroke="#b0b59e"/></g>
<path d="m258 320 79-103h29l-52 103Z" fill="#d0c7b0"/><path d="m350 217 1-42m13 40 6-38" stroke="#92977f" stroke-width="2"/>
<g class="scene-boat" transform="translate(259 196)"><path d="M-28 10h57L16 29H-12Z" fill="#b5bea7" stroke="#879579"/><path d="M0 9v-71L-27 1h25m7-50L30 4H6Z" fill="#fffdf1" stroke="#aab39a"/></g>
<g fill="none" stroke="#9aa98f" stroke-linecap="round"><path class="water-line" d="M43 251h51m58-31h39m193 44h43m-327 27h63"/><path class="scene-cloud" d="m330 60 9 5 10-7m-48 18 8 4 9-4"/></g><circle cx="393" cy="77" r="19" fill="#eee2bd"/>
</symbol>
<symbol id="scene-idea" viewBox="0 0 480 320">
<rect width="480" height="320" fill="#f8f6ed"/>
<g fill="none" stroke="#dddccc"><path d="M20 49h440M20 86h440M20 123h440M20 160h440M20 197h440M20 234h440M20 271h440"/><path d="M57 15v290" stroke="#ded6bf"/></g>
<g transform="translate(157 179)"><path d="M-35 31h72l-12 54h-48Z" fill="#c2c9b3" stroke="#8e9e7c"/><path d="M1 31v-76m0 28q-45-30-40-56 43 5 40 56Zm0-9q36-17 39-47-35-2-39 47Z" fill="#c4cfb5" stroke="#839873" stroke-width="2"/></g>
<g transform="translate(330 179)"><path d="M-35 31h72l-12 54h-48Z" fill="#ddd6c0" stroke="#aaa288"/><path d="M0 31q-18-40 2-83m-2 31q-43-16-45-44 38-5 45 44Zm2-13q43 4 50-25-32-13-50 25Z" fill="#c6cfb6" stroke="#899b76" stroke-width="2"/></g>
<path d="M216 149q23-18 49 0m-10-8 11 8-12 6" stroke="#a7b594" stroke-width="1.5" fill="none" stroke-dasharray="4 4"/><circle cx="282" cy="51" r="19" fill="#e8dbb3"/><g stroke="#b5ad83" stroke-width="1.2"><path d="M282 22v-9m0 76V80m29-29h9m-76 0h9m8-21-7-7m56 58-7-7m0-44 7-7m-56 58 7-7"/></g><path d="m296 90 29 24m-41-15 5 22" stroke="#c8c3a2" stroke-dasharray="3 4"/>
</symbol>
<symbol id="scene-record" viewBox="0 0 480 320">
<rect width="480" height="320" fill="#f4f3e9"/><path d="M0 227h480v93H0Z" fill="#e1e5d8"/><path d="m71 205 178-23 108 97-187 20Z" fill="#fefcf3" stroke="#b8bfaa"/><path d="m167 218 85-10m-66 28 85-11m-62 28 85-11m-60 28 85-10" stroke="#bec5b2"/><path d="m150 229 14 59" stroke="#dbdbc8"/>
<g transform="translate(321 123)"><path d="M-40 53h81L26 118h-53Z" fill="#b9c4a6" stroke="#8d9d79"/><path class="plant-stem" d="M0 53Q-7 21 8-14m-8 34q-31 2-44-29Q-3-21 0 20Zm5-17q32 1 43-28-35-11-43 28Z" fill="#b7c6a4" stroke="#849b72" stroke-width="2"/></g>
<rect x="393" y="80" width="18" height="164" rx="2" fill="#e6dfc6" stroke="#b3ad90"/><path d="M394 97h10m-10 13h6m-6 13h10m-10 13h6m-6 13h10m-10 13h6m-6 13h10m-10 13h6m-6 13h10m-10 13h6m-6 13h10" stroke="#b7ae8d"/>
<g transform="translate(89 82)"><path d="M-23-18h46v46h-46Z" fill="#fbfaf3" stroke="#b1b9a0"/><circle cx="0" cy="5" r="12" fill="#d5dec9" stroke="#a4b490"/><path d="M-8-17v-7h16v7" stroke="#a5ae96" fill="none"/></g>
<g fill="none" stroke="#afb89d"><path d="M70 149h66m-66 12h46m-46 12h57"/><path d="m183 99 16-10 12 14" stroke-dasharray="3 3"/></g>
</symbol>
</svg>
<header><a class="wordmark" href="index.html"><svg aria-hidden="true"><use href="#leaf"/></svg>AtomLeaf</a><nav aria-label="产品导航"><a href="index.html">首页</a><a href="examples.html" aria-current="page">案例</a><a href="guide.html">指南</a><a href="about.html">理念</a></nav></header><main><section class="page-intro"><div class="chapter-label">MANY WAYS TO KEEP A DAY</div><h1>你的材料,<br>有自己的样子。</h1><p>文学、随笔、生活、艺术、旅行与实验。先看看原始片段,再展开整理候选:重点是自己的理解如何留下,而不是让模型多写一段话。</p><p class="source">以下均为原创演示。整理候选是预写示例,未连接模型,也不会保存你的资料。</p></section><div class="case-grid" id="allCases"></div><a class="pill-link" href="guide.html">用自己的第一份材料试试 →</a></main><footer><span>AtomLeaf · 留一点好奇。</span><span>产品预览 · 不在此网页发送材料</span></footer><script>const leafCases=[
{id:'literature',name:'文学阅读',en:'READING',title:'故事停下来的地方',kind:'原创短篇阅读笔记',source:'《雨后散步》· 原创演示片段',excerpt:'雨停以后,他没有立刻回家。沿着河堤多走的一段路,成了这一天唯一没有被安排的时间。',thought:'最后一句让我停了一下。打动我的,或许不是散步,而是重新拥有一点自己的时间。',question:'如果删掉最后一句,人物的心境会发生什么变化?',tags:['时间','自由','叙事'],organize:[['摘录','保留“没有被安排的时间”,并和原片段关联。','原文'],['我的理解','读者联想到对时间的自主选择,作为个人解读保留。','读后感'],['可追问','这份自在是由哪些词句营造的?先回到片段,再展开讨论。','问题']],ask:[['问题','这段文字为什么让人觉得松了一口气?','围绕原片段'],['讨论方向','可以比较“没有立刻回家”和“没有被安排”的作用;“时间的自主选择”是读者的解读,不能当成唯一答案。','阅读角度'],['保留开放性','你也可能读出孤独或犹豫。把不同理解并列,回到措辞寻找依据。','待讨论']],practice:[['回想','先不看摘录,说说哪一句改变了整段的语气。','开放练习'],['提示','留意叙述从“走路”转向“时间”的位置。','线索'],['反馈方式','比较你与原文的联系,不替文学阅读规定一个标准感受。','评阅边界']]},
{id:'thought',name:'随笔思考',en:'THINKING',title:'空出来的半小时',kind:'一段尚未想完的随笔',source:'随手写下 · 原创示例',excerpt:'总把忙碌当成充实,今天却最喜欢空出来的半小时。没有完成什么,也没有觉得白过。',thought:'我喜欢的究竟是空闲,还是不必立刻回应任何人的自由?这件事还想再写一写。',question:'“充实”和“忙碌”,对我分别意味着什么?',tags:['时间','自我','留白'],organize:[['保留原话','“没有完成什么,也没有觉得白过”保留在笔记里。','原话'],['核心疑问','我喜欢空闲本身,还是暂时不必回应的自由?','你的问题'],['延续思考','将“忙碌”“充实”“自由”归为可继续展开的线索。','整理草稿']],ask:[['追问','什么时候,“做得更多”反而没有让我觉得更充实?','自我观察'],['展开方式','先写一个具体的时刻,再比较当时的期待与实际感受。','写作提示'],['不替你定义','AI 可以提问,但不根据一段随笔替你下性格或心理结论。','边界']],practice:[['重逢','过几天再读:你现在还同意这段话吗?','回看问题'],['补记','找一个让你感到充实,却并不忙碌的瞬间。','具体例子'],['留下变化','把新的看法作为补记,保留最初那一版。','版本']]},
{id:'daily',name:'生活记录',en:'LIVING',title:'早餐的十分钟',kind:'一个普通早晨的记录',source:'日常片段 · 原创示例',excerpt:'早餐时把手机留在房间。听见窗外的风,和面包烤好时轻轻的一声。原来十分钟也可以这么长。',thought:'想记住的不是一顿特别的早餐,而是终于注意到那些很小的声音。',question:'这个早晨,你最想留下哪个细节?',tags:['日常','感官','片刻'],organize:[['留下细节','风声、面包烤好的声音,以及没有把手机放在身边。','记录'],['一句标题','早餐的十分钟。标题可以接受、修改或不要。','标题草稿'],['保留温度','不把日常记录扩写成原话里没有发生过的故事。','原则']],ask:[['追问','如果只留一个感官细节,你会选哪个?','回到记忆'],['轻轻展开','声音、光线、气味,哪一项最能带你回到那个早晨?','写作线索'],['不作推断','一顿早餐不等于健康结论,也不需要被加工成人生道理。','边界']],practice:[['回看','看这张早餐小卡,试着想起那天的一种声音。','图像线索'],['补记','今天有没有一个也值得留下的十分钟?','日常邀请'],['随时结束','想起一个细节就够了;生活记录可以没有分数。','回看方式']]},
{id:'art',name:'艺术观展',en:'SEEING',title:'两幅画之间',kind:'观展后的感受与疑问',source:'虚构展厅 · 原创观展随记',excerpt:'在一间没有其他观众的展厅里,停留最久的地方,是两幅画之间的空白。它让前一幅画慢慢退后,又让后一幅有了开始。',thought:'我在意的似乎是作品之间的节奏。先把这种感受记下来,展签和策展说明以后再补。',question:'空白怎样改变了你看一幅画的方式?',tags:['留白','观看','空间'],organize:[['观察','停留在两幅画之间,注意到空白带来的观看节奏。','现场感受'],['材料待补','作品名称、作者、展签和策展说明没有提供,留空。','待补材料'],['区分层次','“作品之间的节奏”属于观众解读,不冒充艺术家的意图。','个人解读']],ask:[['追问','是距离、光线,还是前后作品的差异,让你停下来?','观察角度'],['对照','若把两幅作品挨近摆放,你的观看顺序可能怎样变化?','假想讨论'],['核实','关于作者和作品背景的说法,需要查证出处再写入。','来源要求']],practice:[['看图回想','不看文字,说说你注意到的“画外之物”。','回看问题'],['对照原记','你第一次留下的是作品内容,还是观看时的感受?','原话对照'],['继续看','下次观展,也试着看看作品之间的距离。','观察线索']]},
{id:'travel',name:'旅行见闻',en:'WANDERING',title:'港口没有下一站',kind:'没有赶路的一页旅行记录',source:'想象中的海边小城 · 原创示例',excerpt:'没有赶去下一个景点,坐在港口看船进出。后来最先想起的,是防波堤尽头的风,而不是走过多少地方。',thought:'路线可以存在地图里。想留在这里的,是那一刻为什么不想走。',question:'回想这次旅行,你先记起了什么?',tags:['远行','片刻','停留'],organize:[['留下场景','港口、船、防波堤与风,整理为可检索的场景线索。','原记录'],['个人感受','“不想走的那一刻”与行程信息分开保留。','感受'],['不补地点','原话没有具体地名,不凭空生成真实定位或路线。','不确定项']],ask:[['追问','如果只能带走一张画面,你会选择船,还是防波堤?','回忆线索'],['展开','当时做了什么,让你觉得可以暂时不用赶路?','具体时刻'],['事实与感受','地名和时间可以事后核对,感受不需要被改成旅游攻略。','记录方式']],practice:[['重温','先看港口小图,再用三个词回想当时的感受。','图像线索'],['小小联系','它与你平日喜欢的某种时刻,有相似之处吗?','联系问题'],['留下原貌','记不清的细节可以留白,不用为了完整而补写。','原则']]},
{id:'idea',name:'实验想法',en:'EXPLORING',title:'叶子会朝向哪里?',kind:'一个还没有答案的观察想法',source:'植物观察构想 · 原创示例',excerpt:'如果同一种幼苗受到来自不同方向的光,叶片的朝向会不会不同?先记下这个问题,想想该怎样比较。',thought:'我需要把“想验证什么”和“已经看到了什么”分开。光照方向之外,还有哪些条件需要记录?',question:'要比较这个想法,哪些条件应该尽量一致?',tags:['观察','假设','变量'],organize:[['研究问题','不同方向的光照,与叶片朝向是否有关?','你的问题'],['待考虑条件','幼苗种类、初始状态、拍摄视角、时间和其他环境差异。','设计草稿'],['不作结论','尚未提供观察结果;想法不能被整理成已验证的规律。','待验证']],ask:[['追问','你希望记录的是叶片的角度,还是整体生长方向?','明确观察对象'],['检查设计','若相机位置每天变化,怎样区分真实变化与拍摄差异?','比较条件'],['保留未知','模型可以帮助列出遗漏,不能替代真实实验和条件核对。','边界']],practice:[['解释想法','用一句话说出问题,再列一项可能干扰比较的条件。','理解练习'],['提示','分别想想植物本身、光照和记录方式。','线索'],['核对','对照已确认的设计笔记,找出遗漏的条件;建议仍需人工判断。','反馈形式']]},
{id:'record',name:'实验记录',en:'OBSERVING',title:'窗边幼苗,第三天',kind:'照片、过程与待核实的观察',source:'演示观察记录 · 示例数据 D03',excerpt:'在同一时刻拍照,尽量保持固定视角。今天叶片看起来略向窗侧倾斜;先保留原照片,暂时不判断原因。',thought:'记录观察与拍摄条件。角度没有测量,光照条件还要补,不把“看起来”写成精确数值。',question:'这条记录里,哪些是观察,哪些还需要测量?',tags:['记录','证据','待核实'],organize:[['已有观察','叶片看起来略向窗侧倾斜;保留原图和“看起来”的措辞。','观察原话'],['待补字段','拍摄时刻、固定视角说明、光照条件及样品标识。','待核对'],['不补读数','没有提供角度测量,不能从插图生成精确数值。','缺失项']],ask:[['追问','前一天的照片与今天,拍摄距离和方向一致吗?','比较依据'],['识图边界','未来识图仅给出观察草稿;看不清的仪器读数或细节应留空待核对。','规划能力'],['可追溯','修订说明和照片关联,保留原记录,不覆盖未经确认的内容。','记录原则']],practice:[['回查','从记录中找一条可见观察,再找一条尚未验证的解释。','证据练习'],['提示','“看起来略向窗侧”与“由于光照导致”属于不同层次。','区分层次'],['反馈方式','指出观察、测量与解释混在一起的位置,让你确认修改。','评阅草稿']]}
];
const esc=v=>String(v).replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]));
document.getElementById('allCases').innerHTML=leafCases.map((c,i)=>`<article class="case-card" id="${esc(c.id)}" style="animation-delay:${Math.min(i*60,300)}ms"><span class="chapter-label">0${i+1} / ${esc(c.name)}</span><h2>${esc(c.title)}</h2><svg class="scene" viewBox="0 0 480 320" role="img" aria-label="${esc(c.name)}原创插图"><use href="#scene-${esc(c.id)}"/></svg><small class="source">${esc(c.source)}</small><blockquote>${esc(c.excerpt)}</blockquote><p class="my-thought">${esc(c.thought)}</p><details><summary>展开整理候选</summary>${c.organize.map(([label,text,kind])=>`<div class="draft"><small>${esc(label)} · ${esc(kind)}</small><p>${esc(text)}</p></div>`).join('')}<p class="source">原始片段保留,候选需要自己核对后确认。</p></details><details><summary>下次可以问自己</summary><p>${esc(c.question)}</p><p class="source">回到原图或原文,先形成自己的回答。</p></details></article>`).join('');
</script></body></html>